Skip to content

Latest commit

 

History

History
116 lines (72 loc) · 3.85 KB

README.md

File metadata and controls

116 lines (72 loc) · 3.85 KB

React Axios CRUD Operation

This website is a user data management system built using React hooks.

Demo : https://axios-crud-01.netlify.app

Reflections and Lessons Learned

📚 Throughout this project, I had the opportunity to delve into building a CRUD website using React and its hooks. This allowed me to gain a deeper understanding of front-end development and state management.
📚 One of the key takeaways was learning how to import and manipulate data from a Mock API using the Axios hook. This skill proved invaluable in handling data fetching and updating within the application.
📚 Additionally, I implemented global state management for product data using the useContext hook. This provided a centralized approach to accessing and modifying product information across various components, enhancing code organization and reusability.
🚀 Overall, this project was a rewarding learning experience that expanded my knowledge and proficiency in React development and API integration.

I code with

html5 logo css3 logo bootstrap logo tailwindcss logo javascript logo react logo

Tools used

vscode logo git logo netlify logo

Screen shoot

Home Page

image

Dashboard

image

User Data

image

Create & Edit User Data

image

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

Setup

Followig are the requirements to run this project:

  • vite --> React Project Build Tool
  • Node Package Manager (NPM)
  • React

npm run dev

Runs the app in the development mode.
Open http://localhost:5173 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

Feedback

If you have any feedback, please reach out to me at prakashvs.official@gmail.com