Skip to content

A simple CRUD application built with React for managing products. This app includes functionality to create, read, update, and delete items. It demonstrates the use of React state, props, lifecycle methods, and API integration using Axios for handling data from a JSON server.

Notifications You must be signed in to change notification settings

muhammed-loay/react-crud-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React CRUD App

This is a simple CRUD (Create, Read, Update, Delete) application built with React. It allows users to manage a list of products with options to add new items, edit existing ones, delete items, and view all items.

Features

  • Create: Add new products with details like title, price, and description.
  • Read: View a list of all products.
  • Update: Edit details of existing products.
  • Delete: Remove products from the list.

Technologies Used

  • React
  • Axios for API requests
  • JSON Server for simulating a backend

Getting Started

To run this project locally, clone the repository, install dependencies, and start the development server.

# Clone the repository
git clone https://github.com/your-username/react-crud-app.git

# Install dependencies
cd react-crud-app
npm install

# Start the JSON server
npx json-server --watch db.json --port 9000

# Start the React app
npm start

About

A simple CRUD application built with React for managing products. This app includes functionality to create, read, update, and delete items. It demonstrates the use of React state, props, lifecycle methods, and API integration using Axios for handling data from a JSON server.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published