Skip to content

This project showcases basic CRUD (Create, Read, Update, Delete) operations using React.js and Axios, demonstrating how to interact with a mock API to perform these operations.

Notifications You must be signed in to change notification settings

vensi9/crud-operation-with-react.js-axios

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CRUD Operations with React.js and Axios

This project demonstrates a simple CRUD (Create, Read, Update, Delete) application built using React.js and Axios for API interactions. It allows users to perform CRUD operations on a mock API endpoint.

Features

  • Create new data entries by filling in a form with a first name, last name, and agreement checkbox.
  • Read and display the data entries in a tabular format with options to update or delete each entry.
  • Update existing data entries by editing the fields in the update form.
  • Delete data entries from the list.

Usage

  • Install dependencies: npm install
  • Run the app: npm start

Technology Used

  • axios: Promise-based HTTP client for making API requests.
  • react: JavaScript library for building user interfaces.
  • react-router-dom: Provides DOM bindings for React Router, enabling navigation in the application.
  • semantic-ui-react: React components library for UI elements.
  • react-top-loading-bar: Component for displaying a loading progress bar.

About

This project showcases basic CRUD (Create, Read, Update, Delete) operations using React.js and Axios, demonstrating how to interact with a mock API to perform these operations.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published