https://github.com/itsaimsd/devswipe-frontend

DevSwipe is a matchmaking platform for developers, enabling users to create profiles, connect based on shared interests or skills, and manage connections. It features user authentication, matchmaking, request handling, and messaging, with a frontend styled using DaisyUI and a backend powered by Node.js, Express, and MongoDB.
https://github.com/itsaimsd/devswipe-frontend

Last synced: 7 months ago
JSON representation

DevSwipe is a matchmaking platform for developers, enabling users to create profiles, connect based on shared interests or skills, and manage connections. It features user authentication, matchmaking, request handling, and messaging, with a frontend styled using DaisyUI and a backend powered by Node.js, Express, and MongoDB.

• Host: GitHub
• URL: https://github.com/itsaimsd/devswipe-frontend
• Owner: itsaimsd
• Created: 2025-01-20T17:49:40.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-26T00:27:13.000Z (over 1 year ago)
• Last Synced: 2025-02-15T07:42:28.960Z (over 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 6.69 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# DevTinder UI

- Create a Vite + React application

- Remove uneccesary code and create a Hellow world app

- Install Tailwind CSS

- Install Daisy UI

- Add NavBar component to App.jsx

- Create a NavBar 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 configuration: origin,credentials:true

- Whenever you're making API call so passed axios => {withCredentials:true}

- install react-redux + @reduxjs/toolkit - https://redux-toolkit.js.org/introduction/getting-started

- 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 as logs in

- Refactor our code to add constants file + create a components 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 the feed in the store

- build the user card on feed

- Show toast message on save profile

- New Page -see all my connections

- Feature - Accept/Reject Connection Request

- send/ignore the user card from Feed

Remaining:

- send/ignore the user card from Feed

- Signup New User

- E2ETesting

- Body

  NavBar

  Route=/ =>Feed

  Route=/login =>login

  Route=/connections =>Connections

  Route=/profile =>Profile