# DevTinder - Create a Vite + React application - Remove unecessary code and create a Hello World app - Install Tailwind CSS - Install Daisy UI - Add NavBar component to App.jsx - Create a NavBar.jsx separate Component file - Install react router dom - Create BrowserRouter > Routes > Route=/ Body > RouteChildren - Create an Outlet in your Body Component - Create a footer - Create a Login Page - Install axios - CORS - install cors in backend => add middleware to with configurations: orgin, credentials: true - Whenever you're making API call so pass axios => { withCredentials: true } - install react-redux + @reduxjs/toolkit - https://redux-toolkit.js.org/tutorials/quick-start - configureStore => Provider => createSlice => add reducer to store - Add redux devtools in chrome - Login and see if your data is coming properly in the store - NavBar should update as soon as user logs in - Refactor our code to add constants file + create a components folder Body NavBar Route=/ => Feed Route=/login => Login Route=/connetions => Connections Router=/profile => Profile# devTinder-frontend