adminPanel Tailwind Templates

Adminpanel

A simple React application for managing users with basic CRUD operations, utilizing Redux Toolkit for state management and styled with Tailwind CSS.

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:

  1. Clone the repository (https://github.com/GawerMayank/adminPanel.git)
  2. Navigate to the project directory cd adminPanel
  3. Install dependencies using npm install
  4. Start the development server using npm run dev
  5. Open your browser and go to http://localhost:5173 to view the application.

Usage

  1. 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.
  2. Deleting a User: Click on the delete icon (trash can) next to a user to remove that user from the list.
  3. Clearing all Users: Click on the "Clear all Users" button to remove all users from the list.

Contact

Name: Mayank Singh Gawer

Email: mayankgawer8698@gmail.com

Project link: https://github.com/GawerMayank/adminPanel.git

Top categories

tailwind logo

Need a Tailwind website built?

Hire a professional TailwindCSS developer today.
Loading Svelte Themes