https://github.com/mohitsinghparmarg/developer-community

This is the frontend for our developer community. I have already built the DevSpark backend, which will be integrated with this.
https://github.com/mohitsinghparmarg/developer-community

axios dasyui diffalgorithm hooks jsx reactfiber reconciliation redux redux-toolkit routes tailwindcss virtual-dom vite

Last synced: 1 day ago
JSON representation

This is the frontend for our developer community. I have already built the DevSpark backend, which will be integrated with this.

• Host: GitHub
• URL: https://github.com/mohitsinghparmarg/developer-community
• Owner: Mohitsinghparmarg
• Created: 2025-01-29T13:57:02.000Z (12 days ago)
• Default Branch: main
• Last Pushed: 2025-02-05T19:43:44.000Z (5 days ago)
• Last Synced: 2025-02-05T20:50:42.575Z (5 days ago)
• Topics: axios, dasyui, diffalgorithm, hooks, jsx, reactfiber, reconciliation, redux, redux-toolkit, routes, tailwindcss, virtual-dom, vite
• Language: JavaScript
• Homepage:
• Size: 80.1 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# developer's Community

- Create a Vite + React application

- Remove unecessary code

- Install Tailwindcss

- Install Daisy UI

     https://daisyui.com/

- Add navbar component to your app

- Create a Navbar.jsx separate Component File

- Install react-router-dom

- Create BrowserRouter > Routes > Route = /Body > RouteChildren

- Create an OutLet in the Body Component

- Create the Footer and add social media links

- Create a Login Page

- install axios

   https://github.com/axios/axios?tab=readme-ov-file#axios-api

- CORS - install cors in backend => add middleware with configurations: origin,credentials:true

     https://github.com/expressjs/cors

- whenever you are making API call so pass => axios => {withCredentials:true} ,if you don't pass it then it will not send the token in other API calls

- install react-redux + @reduxjs/toolkit - https://redux-toolkit.js.org/introduction/getting-started => configureStore => Provider => createSlice => add reducer to store

- login and see if the data is being passed properly in the store

- NavBar should update as soon as user login

- Refactor the code to add constants file + create a component folder

- you should not be able to access other routes without login

- if token is not present , redirect user to login page

- Logout

- get the feed and the feed in the store

- build the userCard on the feed

- Editprofile Feature

- added the toast feature

- New Page - See all my connections

- New Page - See All my Connection Requests

- Build the Feature of accept/reject the Connection Request

Body

   NavBar

   Route = /  => Feed

   Route = /login => Login

   Route = /connections => Connections

   Route = /profile => Profile