Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nikilkumaar/user-management-dashboard
This User Management System is a React app styled with TailwindCSS, using Axios to interact with the JSONPlaceholder API for performing CRUD operations on users. It allows users to create, view, update, and delete user data. Toastify is used for real-time notifications on actions like success or error.
https://github.com/nikilkumaar/user-management-dashboard
axios reactjs tailwindcss toast-notifications
Last synced: 22 days ago
JSON representation
This User Management System is a React app styled with TailwindCSS, using Axios to interact with the JSONPlaceholder API for performing CRUD operations on users. It allows users to create, view, update, and delete user data. Toastify is used for real-time notifications on actions like success or error.
- Host: GitHub
- URL: https://github.com/nikilkumaar/user-management-dashboard
- Owner: NikilKumaar
- Created: 2024-11-26T13:39:18.000Z (about 2 months ago)
- Default Branch: master
- Last Pushed: 2024-11-26T13:59:29.000Z (about 2 months ago)
- Last Synced: 2024-11-26T14:34:50.673Z (about 2 months ago)
- Topics: axios, reactjs, tailwindcss, toast-notifications
- Language: JavaScript
- Homepage: https://user-dashboardpage.netlify.app
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# User Management System
A simple **User Management System** that performs CRUD (Create, Read, Update, Delete) operations using the **JSONPlaceholder** mock backend API. This project provides a user-friendly interface to manage users, simulate data retrieval, and demonstrate how to perform basic user management system.
## Features
- **Create Users**: Add new users to the system.
- **Read Users**: View details of users (list and single view).
- **Update Users**: Edit user information.
- **Delete Users**: Remove users from the system.## Technologies Used
- **Frontend**: React.JS, TailwindCSS, Toastify, Axios
- **Backend (Mock API)**: JSONPlaceholder (https://jsonplaceholder.typicode.com/users)- **API**:
- JSONPlaceholder (https://jsonplaceholder.typicode.com/users), a free fake API for testing and prototyping.
- Endpoints used:
- `GET /users` – Retrieve all users.
- `POST /users` – Create a new user.
- `PUT /users/{id}` – Update an existing user by ID.
- `DELETE /users/{id}` – Delete a user by ID.## Installation
### 1. Clone the repository
```bash
git clone [https://github.com/NikilKumaar/user-management-dashboard.git]
cd user-management-dashboard