Skip to content

Dhruv9916/React-JS-CRUD-Operation-with-Rest-API-using-Axios

Repository files navigation

📌 React CRUD Operations with REST API using Axios (Vite)

🚀 Live Demo: crud-axios-react-by-dhruv.netlify.app

📝 About the Project

This project demonstrates CRUD (Create, Read, Update, Delete) operations in a React.js application using Axios to interact with a REST API. Built with Vite, it ensures a fast and optimized development experience.

✨ Features

✅ Fetch and display data from a REST API
✅ Create new records using a form
✅ Update existing records
✅ Delete records from the API
✅ Error handling for API requests
✅ Optimized Axios instance for API calls
✅ Modern React Hooks (useState, useEffect)
✅ Built with Vite for faster development

🛠️ Tech Stack

  • Frontend: React.js, JavaScript, HTML, CSS
  • API Handling: Axios
  • State Management: React Hooks (useState, useEffect)
  • Build Tool: Vite
  • Hosting: Netlify

📂 Project Overview

The project follows a structured approach to CRUD operations, as detailed below:

1️⃣ GET Request: Fetch and display API data
2️⃣ DELETE Request: Remove data from the API
3️⃣ POST Request: Add new data
4️⃣ PUT Request: Update existing data