samarjeetpatankar / facebook-clone

A MERN stack-based Facebook clone with Google API integration for sending emails, along with Cloudinary integration. It faithfully replicates core Facebook features for a user-friendly experience.

Home Page:https://facebook-clone-gamma-five.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Facebook Clone

Features Implemented

  • Home page displaying posts from followed users and friends, sorted by time.
  • Create and style posts with text, emojis, backgrounds, and images.
  • React to posts, like, unlike, and remove reactions in real time.
  • Comment with text, emojis, and images, with dynamic updates upon submission.
  • Save/unsave posts, download post images, and delete posts.
  • Validation for file uploads, including size and type constraints.
  • Crop, zoom, rotate, and flip images using the Cropper library.
  • Update cover and profile pictures with cropping and live preview.
  • User profiles showcasing cover, profile picture, details, photos, friends, and posts.
  • Modify user details with live updates.
  • Utilize Cloudinary for innovative image uploads.
  • Comprehensive friendship system for adding, accepting, unfriending, and following.
  • Manage friend requests and connections on the Friends page.
  • Live search with dynamic results and search history tracking.
  • Incorporate skeleton loaders for smooth UI transitions.
  • Protected routes and global state management using Redux.
  • Utilize cookies and JWTs for temporary data storage.
  • Leverage React hooks and functions for enhanced functionality.

About

A MERN stack-based Facebook clone with Google API integration for sending emails, along with Cloudinary integration. It faithfully replicates core Facebook features for a user-friendly experience.

https://facebook-clone-gamma-five.vercel.app


Languages

Language:JavaScript 72.2%Language:CSS 27.2%Language:HTML 0.5%