https://github.com/asilbekcodes/reactjs_crud

User Management CRUD Application
https://github.com/asilbekcodes/reactjs_crud

axios axios-react crud js json json-server jsx react tailwind-css

Last synced: 25 days ago
JSON representation

User Management CRUD Application

• Host: GitHub
• URL: https://github.com/asilbekcodes/reactjs_crud
• Owner: asilbekcodes
• Created: 2024-08-12T16:46:26.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-08-19T04:32:44.000Z (3 months ago)
• Last Synced: 2024-09-28T06:23:54.230Z (about 1 month ago)
• Topics: axios, axios-react, crud, js, json, json-server, jsx, react, tailwind-css
• Language: JavaScript
• Homepage: https://react-js-crud-tawny.vercel.app
• Size: 76.2 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# User Management CRUD Application

This is a simple React.js application that demonstrates a basic CRUD (Create, Read, Update, Delete) operation using a mock API (JSON Server) to manage a list of users. The application features a clean UI with a table displaying user information and options to add, edit, view, or delete users.



## Features

- **Add User**: Click the "Add +" button to open a modal where you can add a new user by providing a name, email, and phone number.

- **View User**: Click the "Info" button to view detailed information about a user.

- **Edit User**: Click the "Edit" button to open a modal where you can modify the selected user's information.

- **Delete User**: Click the "Delete" button to remove a user from the list after confirmation.

## Technologies Used

- **React.js**: A JavaScript library for building user interfaces.

- **Tailwind CSS**: A utility-first CSS framework used to style the application.

- **JSON Server**: A simple mock REST API used to handle the backend for CRUD operations.

## Getting Started

Follow these instructions to set up and run the project locally.

### Prerequisites

- **Node.js**: Make sure Node.js is installed on your machine.

- **npm**: Node package manager, which comes with Node.js.

### Installation

1. **Clone the Repository**:

   ```bash

   git clone https://github.com/asilbekcodes/ReactJS_CRUD.git

   cd ReactJS_CRUD