User Management App
The User Management App is a simple React application that demonstrates basic CRUD operations (Create, Read, Update, Delete) using Redux Toolkit for state management. The app allows you to add new users, delete individual users, and clear all users from the list.
Features
- Add User: Adds a new user with a unique identifier to the list.
- Delete User: Removes a specific user from the list.
- Clear All Users: Deletes all users from the list.
Technologies Used
- React: A JavaScript library for building user interfaces.
- Redux Toolkit: A toolset for efficient Redux development.
- React-Redux: Official React bindings for Redux.
- Tailwind CSS: A utility-first CSS framework for styling.
- React Icons: Popular icons in React applications.
- Chance: For generating dummy data for new users.
Installation
To run this project locally, follow these steps:
- Clone the repository (https://github.com/GawerMayank/adminPanel.git)
- Navigate to the project directory
cd adminPanel
- Install dependencies using
npm install
- Start the development server using
npm run dev
- Open your browser and go to
http://localhost:5173
to view the application.
Usage
- Adding a New User: Click on the "Add new Users" button to add a new user to the list. Each user will have a unique identifier and a randomly generated name.
- Deleting a User: Click on the delete icon (trash can) next to a user to remove that user from the list.
- Clearing all Users: Click on the "Clear all Users" button to remove all users from the list.
Name: Mayank Singh Gawer
Email: mayankgawer8698@gmail.com
Project link: https://github.com/GawerMayank/adminPanel.git