Facebook_clone

Facebook-Clone-MERN-Stack

Facebook clone using Mongodb , Express , React and Node js

This is an image

Live Demo (using vercel and heroku)

https://facebook-client-shravyarao889.vercel.app/

Technology

Frontend

  • React js
  • React Router dom v6
  • Context Api with Hooks
  • Material ui
  • axios
  • node-sass

Backend

  • Node js
  • express js
  • cors
  • mongoose (for database )
  • bcrypt (for hash user password )
  • dotenv (for environment variables )
  • jsonwebtoken (for generate token )
  • morgan (for HTTP request logger )
  • multer (for upload images to server )
  • cloudinary (cloud service to store our images )

Features

  • Authantication (Signup and login )
  • Post (create and Delete and Edit )
  • comment (create comments )
  • like (like posts and unlike it )
  • follow (follow other users and unfollow )
  • edit user profile (profile Pic and cover pic )
  • show following users posts in home page
  • and More….

Sign-Up Page:

Screenshot (494)

Sign-In Page:

Screenshot (493)

Home Page:

Screenshot (495)

Screenshot (496)

Profile Page:

Screenshot (499)

GitHub

View Github