User Management Tool is a web application developed to manage user data by pulling data from a user API and displaying it in a table format. It provides functionalities like creating users, listing users with sorting and pagination, deleting users, and editing user details.
- Create new users with name, email, status, role, and last login fields.
- List users with sorting and pagination options.
- Delete users from the system.
- Edit user details including name and role.
- Display last login field as a string in RFC3339 format (optional).
- UI components include a badge for status and a button component.
- Pagination for easy navigation through the user list.
These instructions will help you set up and run the User Management Tool on your local machine for development and testing purposes.
- Node.js and npm should be installed on your machine.
-
Clone the repository to your local machine:
-
Navigate to the project directory:
-
Install the dependencies:
-
Start the development server:
-
Open your web browser and visit
http://localhost:3000
to access the User Management Tool.
- You can modify the configuration settings of the User Management Tool in the
.env
file. Configure the API endpoints, authentication, or any other required settings in this file.
- React.js: JavaScript library for building user interfaces.
- React Query: Data fetching and state management library.
- Tailwind CSS: Utility-first CSS framework.
- ESLint: JavaScript and TypeScript linter.
- Prettier: Code formatter.
This project is licensed under the MIT License.
- JSONPlaceholder for providing a mock API service.
- Create React App for bootstrapping the React project.
- React Table for creating the user table component.
Contributions are welcome! If you find any issues or want to add new features, please open an issue or submit a pull request.