Fullstack Facebook Clone with React.JS

:point_right: Live Demo on Vercel :point_left:

Intro

https://user-images.githubusercontent.com/43470248/201896074-aea0424d-4830-4d11-8d7b-507940b5950a.mp4

Info

  Your Google Account Information (Profile Picture + Name) will be displayed in the header, sidebar and as a custom story.
  Note: You need to Add Another Account beforehand if you want to be able to select from a list of your Google Accounts.
  No information will be stored unless you like/comment/post :smile:

(back to top)

About The Project

Summary

• Facebook replica that allows a user to login, post a message/image and have it stored alongside other content.
  • Features of the project:
    • Functionalities: Add/Remove Like, Comment, Upload Picture
    • Real-Time Feed: Number of the Likes-Comments, Timestamp, any new incoming Post
    • Responsive Design (Tailwind CSS based)
    • React-Moment (Saves the exact date of posts in Firestore Database)
    • Firestore for Data Handling (Feed Content)
    • Firebase Storage (Stores Images uploaded by users)
    • Next Auth + Firebase Authentication

Built Using

(back to top)

Contact Me