https://github.com/prithvikings/hingedev_frontend
https://github.com/prithvikings/hingedev_frontend
Last synced: 11 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/prithvikings/hingedev_frontend
- Owner: prithvikings
- Created: 2025-01-27T19:39:43.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-04T16:23:03.000Z (over 1 year ago)
- Last Synced: 2025-02-04T17:28:34.244Z (over 1 year ago)
- Language: JavaScript
- Size: 206 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## HingeDev-FrontEnd
- Create a vite + React Application
- Remove Unnecessary code and create a Hello World App
- Install tailwind css
- Install Daisy Ui
- Add NavBar.jsx component to App.jsx
- Install react router dom
- create BrowserRouter > Routes > Route=/Body> RouterChildren
- 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 configuration: origin, credentials:true
- whenever you,re making API call so pass axios=> {withcredentials: true}
- Install Redux Toolkit - https://redux-toolkit.js.org/tutorials/quick-start
- Install react-redux + @reduxjs/toolkit
- 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
- Refractor our code to add constants file + create a component folder
- You should not be access other routes without login
- If token is not present, redirect user to login page
- Logout feature
- Get the feed and add the feed in the store
- build the user card on feed
- Edit Profile feature
- Show Toast message on save of profile
- New Page- see all my connections
- New Page- see all my connection requests
- Feeature - Accept/Reject connection Requests
Body
NavBar
Route=/ =>feed
Route=/connections=>connections
Route=/profile=>profile