Facebook Clone social media

Live Link: https://social-app2.netlify.app

Technologies [Client side]

  • Pusher (realtime communication between client and server)
  • Mongodb
  • ReactJS
  • Redux toolkit
  • Sass
  • Tailwindcss
  • axios

pages:

  • path: "/", [homepage show feeds and active friends]
  • path: "/feed", [homepage show feeds and active friends]
  • path: "/profile", [current logged user profile]
  • path: "/profile/:userId", [user profile]
  • path: "/feed/:feedId", [feed detail page]
  • path: "/stories", [users stories page]
  • path: "/stories/:storyId", [story detail page]
  • path: "/find-peoples", [find peoples for follow and add friend page]
  • path: "/friends", [logged user friends]
  • path: "/friend-request-received", [logged user incoming friend request page]
  • path: "/friend-request-send", [logged user send friend request page]
  • path: "/watch", [reels videos]
  • path: "/saved", [logged user saved feed or reels or group post]
  • path: "/join", [login and registration page]
  • path: "/messenger", [chatting messenger page and associated many sub component]
  • path: "/messenger/:groupId", [messenger chat with some group or one to one private chat]
  • path: "/groups", [groups page here show all public groups feed]
  • path: "/groups/:groupId", [individual group page here only this group posts]
  • path: "/groups/create", [create new group route]
  • technologies:
  • ReactJS,
  • Redux-toolkits,
  • Nodejs,
  • ExpressJjs,
  • Pusher,
  • mongodb,
  • Tailwindcss,
  • jsonwebtoken,
  • googleapis(google login)
  • and so on.

social-app2.netlify.app_(2)copy.webp social-app2.netlify.app_ (3)copy.webp 2023-06-19_214419copy.webp 2023-06-19_214502copy.webp 2023-06-19_215005copy.webp social-app2.netlify.app_ (4)copy.webp social-app2.netlify.app_ (6)copy.webp social-app2.netlify.app_copy.webp social-app2.netlify.app_joincopy.webp