User Management Application

A responsive User Management Application built with React, TypeScript, Vite, Bootstrap, Axios, and React Router. This project performs CRUD (Create, Read, Update, Delete) operations using the JSONPlaceholder API.

🚀 Features

• Fetch all users from JSONPlaceholder API
• Create a new user
• Update existing user
• Delete user
• View user details
• Search users by name or email
• Loading spinner
• Responsive design
• Error handling

🛠️ Tech Stack

• React
• TypeScript
• Vite
• Bootstrap 5
• Axios
• React Router DOM
• React Toastify

📁 Folder Structure

src/
├── components/
│   ├── Loader.tsx
│   ├── Navbar.tsx
│   ├── UserCard.tsx
│   ├── UserForm.tsx
│   └── UserList.tsx
├── pages/
│   ├── Home.tsx
│   └── UserDetails.tsx
├── services/
│   └── api.ts
├── types/
│   └── User.ts
├── App.tsx
└── main.tsx

⚙️ Installation

git clone https://github.com/YOUR_USERNAME/user-management-app.git
cd user-management-app
npm install
npm run dev

📷 Screenshots

Add screenshots after deployment.

👨‍💻 Author

Naved Ahmad Khan

• GitHub: https://github.com/navedtech
• LinkedIn: https://linkedin.com/in/naved-khan-57aa00287