https://github.com/sanghanmol/user-management-app
A React application for basic user management using the Reqres API.
https://github.com/sanghanmol/user-management-app
material-ui react-router reactjs reqres-api
Last synced: 3 months ago
JSON representation
A React application for basic user management using the Reqres API.
- Host: GitHub
- URL: https://github.com/sanghanmol/user-management-app
- Owner: Sanghanmol
- Created: 2024-10-17T14:47:54.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-10-17T17:43:06.000Z (over 1 year ago)
- Last Synced: 2025-02-13T23:18:44.685Z (over 1 year ago)
- Topics: material-ui, react-router, reactjs, reqres-api
- Language: JavaScript
- Homepage: https://user-management-orgozohf8-anmol-sanghas-projects.vercel.app/
- Size: 216 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# User Management Application
This project is a React application for basic user management using the Reqres API.
## Features
1. **Login** - Basic authentication using the Reqres API.
2. **Users List** - Displays a list of users with pagination, search, and filtering.
3. **Edit Users** - Allows users to edit their details.
4. **Delete Users** - Allows users to be deleted from the list.
## Bonus Features
- **Client-side Search**: Users can search for others by name.
- **React Router**: Navigation between different pages (Login, Users List, Edit User).
## Technologies Used
- React
- Material-UI for styling
- Axios for API requests
- React Router for navigation
## Installation
1. Clone the repository:
- git clone https://github.com/Sanghanmol/User-Management-App.git
- cd user-ui
2. Install dependencies:
npm install
3. Run the app:
npm start
## Usage
1. Navigate to the **Login** page.
2. Enter the following credentials to log in:
**Email**:
`eve.holt@reqres.in`
**Password**:
`cityslicka`
3. After logging in, you will be redirected to the **Users List** page, where you can see the list of users.
4. Use the search bar to filter users by name or email.
5. Click on the **Edit** button to modify user details or the **Delete** button to remove a user.