FreshCart

First-Commit

• Create Vite app using (npm create vite@latest)
• npm install
• install package for (tailwindCss, axios, react-router-dom, react-icons, generate-react-cli)
• create (Components folder)
• create all Components using (generate-react-cli)

• create routing in app.jsx file and layout folder
• create Navbar Component responsive in all devices
• using (NavLink, NavItem, Link) from react-router-dom
• & react-icons & useState

Second-Commit

• Finsh Components Register , Login and LogOut
• using Formik package for create form
• using Yup package for validation all inputs
• using axios (POST) for send all validate data and save in token
• using axios (GET) for send all validate data and save in token
• using localstorage for save user token
• using useContext and create userContext for all app using this
• set show navbar item only register or login member
• create ProtectRoute for check So that the user cannot change the link path and access anything
• using useNavigate for After verifying the data, move to the next page