Skip to content

Check README - Fullstack Facebook Clone with React, Next.JS, Tailwind-CSS, Firestore DB & Firebase Storage

Notifications You must be signed in to change notification settings

darirak/facebook-clone

Repository files navigation

Fullstack Facebook Clone with React.JS

👉 Live Demo on Vercel 👈

Table of Contents
  1. Intro
  2. About The Project
  3. Contact

Intro

Facebook.Angi.Preview.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 😄

(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

  • TailwindCSS
  • React
  • NextJS
  • JavaScript
  • NodeJS
  • Firebase

(back to top)

Contact Me

Alcaan Design - My Portfolio Website LinkedIn

Releases

No releases published

Packages

No packages published