This project is a User Management System that allows users to perform CRUD operations (Create, Read, Update, Delete) on a collection of users through a user-friendly web interface.
- User Table: The heart of the system is a table that displays a list of users. Each row represents an individual user, showing key details such as their name, email, and other relevant information.
Users of the system can perform CRUD operations on the user table:
- Create: Add new users by filling out a form with their details such as name, email, etc.
- Read: View the list of users with their information in a tabular format.
- Update: Edit user details and save the changes.
- Delete: Remove users from the system, ensuring data accuracy.
Follow these steps to get the project up and running on your local machine:
- Clone the Repository: Start by cloning this repository to your local machine and install all dependencies:
yarn or npm install / npm i
- Run JSON Server: Start the JSON Server to provide the backend for the User Management System:
yarn run db or npm run db
- Access data: Open browser and visit:
http://localhost:8000/users
Run the React App:
- Open another terminal window, navigate to the same project directory, and run the React app:
yarn run dev or npm run dev
- Access the App: Open your web browser and visit:
http://localhost:5173/
- Please create your git branch and create a pull request after finnishing the task.
Client: React, TypeScript
Server: Json-Server
- All user data is managed using JSON Server. The data is stored in a data/db.json file, which serves as the backend database. This integration allows for a seamless separation of frontend and backend development.The setup is already done for this step.
GET http://localhost:8000/users
GET http://localhost:8000/users/${id}
POST http://localhost:8000/users/${id}
DELETE http://localhost:8000/users/${id}