/basic-crud-app

This is a simple React app that demonstrates the basic CRUD (Create, Read, Update, Delete) operations.

Primary LanguageJavaScriptMIT LicenseMIT

React CRUD App

This is a simple React app that demonstrates the basic CRUD (Create, Read, Update, Delete) operations.

Technologies

  • HTML
  • CSS
  • JavaScript
  • React
  • React Router DOM
  • npm
  • json-server

Features

  • Create a new record
  • Read all records
  • Update an existing record
  • Delete a record

Installation

  1. Install npm and json-server.
  2. Clone this repository.
  3. Run npm install in the project directory.
  4. Run json-server --watch db.json to start the JSON server.
  5. Run npm start to start the React app.

Usage

The app is accessible at http://localhost:3000.

To create a new record, click the "Create" button. Enter the data for the new record and click the "Create" button again.

To read all records, click the "Read" button.

To update an existing record, click the "Update" button. Select the record that you want to update and make the necessary changes. Click the "Update" button to save the changes.

To delete a record, click the "Delete" button. Select the record that you want to delete and click the "Delete" button.

License

This project is licensed under the MIT License.