Skip to content

A React-based user management dashboard featuring a responsive table with CRUD operations, integrated with Redux and Ant Design for seamless UI and state management. The dashboard also includes a simple analytics section displaying one line chart and two pie charts for quick insights.

Notifications You must be signed in to change notification settings

abdullahmirzaxd/User-Management-System

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

User Management System

This project is a React application for managing users, built using Create React App.


How to Set Up and Run the App

Follow these steps to get the app running on your local machine.

1. Install Visual Studio Code (VS Code)

VS Code is the recommended code editor for this project.


2. Install Node.js and npm

Node.js is required to run the React app and manage packages.

  • Download and install Node.js (which includes npm) from https://nodejs.org/
  • Verify installation by running these commands in a terminal:
node -v
npm -v

Both should output the installed versions.


3. Clone this repository

Open your terminal or VS Code terminal and run:

git clone https://github.com/abdullahmirzaxd/User-Management-System.git
cd User-Management-System

4. Install dependencies

Inside the project directory, run:

npm install

This command installs all required packages listed in package.json.


5. Recommended VS Code extensions (optional but helpful)

  • ES7+ React/Redux/React-Native snippets — Provides React snippets for faster coding
  • Prettier - Code formatter — Auto-formats your code
  • ESLint — Linting and code quality checking
  • npm Intellisense — Helps auto-complete npm modules
  • Path Intellisense — Auto-completes file paths

You can search and install these from the VS Code Extensions Marketplace.


6. Run the React app

Start the development server with:

npm start
  • This will open http://localhost:3000 in your browser.
  • The app will reload automatically when you make changes.
  • Any lint or compilation errors will appear in the terminal or browser console.

Available Scripts

In the project directory, you can also run:

  • npm test — Runs the test suite.
  • npm run build — Builds the app for production.
  • npm run eject — Ejects the build setup (irreversible).

Learn More

About

A React-based user management dashboard featuring a responsive table with CRUD operations, integrated with Redux and Ant Design for seamless UI and state management. The dashboard also includes a simple analytics section displaying one line chart and two pie charts for quick insights.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published