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: about 1 month 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 (3 months ago)
• Default Branch: master
• Last Pushed: 2024-10-17T17:43:06.000Z (3 months ago)
• Last Synced: 2024-10-20T01:38:52.898Z (3 months 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**:  

   `[email protected]`  

   **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.