-
create vite + React application
-
Remove unnecessary code and create a hellow world app
-
install tailwind css
-
install Daisy
-
Add Navbar component to app.jsx
-
Create a Navbar.jsx separate file
-
install react router DOM
-
Create BrowserRouter > Routes > Routes=/ Body > RouteChildren ---{/* ALL CHILDREN WILL BE RENDERED IN THIS OUTLET */}
-
Create an Outlet in your Body Component
-
create a footer
-
create a Login page
-
install Axios
-
CORS -- install cors in Backend => add middleware to withCredential configuration : Origin, credential: true
-
whenever you are making API call so pass with axios => {withCredential : true}
-
install redux tookit - https://redux-toolkit.js.org/tutorial/quick-start
--COMPONENT DESIGN
Body Navbar Routes=/ => show Feed Routes=/login => Login Routes=/connection => Login