A fully functional and responsive admin panel designed for user management and analytics on user registration trends. This application utilizes JSON Server to simulate a backend API with a provided db.json file.
The primary goal of this project is to provide an interface that allows administrators to manage users efficiently and visualize user registration data.
- Display User List: A table displays all users retrieved from the API, including key information such as name, email, and role.
- Search and Sort:
- Search bar for filtering users by any field (e.g., name, email).
- Ability to sort users by various attributes (e.g., alphabetically by name, by date of registration).
- CRUD Operations:
- Create: Admins can add new users via a form, collecting user details such as name, email, and role.
- Read: View detailed information about a specific user by clicking on them from the user list.
- Update: Edit user information with an intuitive form.
- Delete: Remove users with a confirmation prompt.
- Frontend: React, Axios, React Router
- Backend: JSON Server (for simulating API)
- Database: JSON file (
db.json) Please have a look at this : https://admin-panel-assignment.vercel.app/
- Clone the repository:
git clone https://github.com/USERNAME/REPO_NAME.git cd REPO_NAME
2.npm install 3.npm install -g json-server json-server --watch db.json --port 3001 4.npm start 5.Open your browser and go to http://localhost:3000.
Results:
