🚀 Live Demo: crud-axios-react-by-dhruv.netlify.app
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.
✅ 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
- Frontend: React.js, JavaScript, HTML, CSS
- API Handling: Axios
- State Management: React Hooks (
useState
,useEffect
) - Build Tool: Vite
- Hosting: Netlify
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