- error and loading handling
- form validation with react Hook form
- using Vite module bundler
- using react router
- using tailwindcss and daisyui for styling
- using react-phone-number-input
- Implement authentication using axios and axios interceptors
- data table pagination
- dark and light theme
- side bar
- localization with i18
- Implement authentication using axios and axios interceptors login and log out
- json server
- protected routes
https://api.escuelajs.co/api/v1/login email [email protected] password changeme
GET http://localhost:5000/members - This retrieves a list of all resource entities of members.
GET http://localhost:5000/members/:id - This retrieves a specific member by its id.
POST http://localhost:5000/members - This creates a new member.
PUT http://localhost:5000/members/:id - This updates a member based on a specified id.
DELETE http://localhost:5000/members/:id - This deletes a member based on the specified id.
cd project folder
npm install
npm run server
npm run dev
- React + Vite
- headlessui
- reduxjs toolkit
- react-query
- axios
- primereact
- react
- react-dom
- react-hook-form
- react-icons
- react-redux
- react-router
- react-router-dom
- react-toastify
- daisyui
- eslint
- tailwindcss
- i18next
members-management-system2.wmv