Skip to content

jigar-sable/instagram-mern

Repository files navigation

Instagram MERN

Full-Stack Instagram Clone using MERN Stack and Socket.IO

Visit Now πŸš€

πŸ–₯️ Tech Stack

Frontend:

reactjs  react-router  redux  tailwindcss  mui 

Backend:

nodejs  expressjs  mongodb  jwt 

Realtime Communication:

socketio

Cloud Storage:

aws-s3

Cloud Storage: Cloudinary

Mail Service: Sendgrid

πŸš€ Features

Authentication and User Management

  • ✨ Secure Login/Signup Functionality
  • πŸšͺ Support for Email or Username-based Login
  • πŸ” Seamless Profile and Password Management
  • πŸ”„ Password Reset via Sendgrid Integration

Content Management

  • πŸ“œ Dynamic Infinite Scroll for Posts
  • πŸ” Suggestions for User Connections
  • πŸ”Ž Intuitive Search for Users by Name or Username
  • πŸ”— Follow/Unfollow Capability for User Networking
  • ❀️ Like/Unlike Posts with Double-Tap Feature
  • πŸ’¬ Commenting on Posts for Interaction
  • πŸ“Œ Save/Unsave Posts for Bookmarking
  • πŸ“€ Effortless Post-Sharing Functionality

Messaging System

  • πŸ” User-Friendly Search for Chat Participants
  • πŸ“ Seamless Creation of New Chats
  • πŸ’¬ Real-Time Messaging Between Users
  • πŸ•’ Status Indicators for Typing and Online Presence

Social Features

  • πŸ“Š Comprehensive View of Followers/Following Lists
  • πŸ‘ Post Liked By Users Tracking
  • πŸ˜„ Emoji Integration via Emoji Mart

Image Storage

  • πŸ“· Branch dev-v3-cloudinary: Utilizes Cloudinary for Image Storage
  • ☁️ Branch dev-v2-aws: Leverages AWS S3 for Image Storage
  • πŸ’Ύ Branch dev-v1: Relies on Local Storage Solution

Sneak Peek of Home Page πŸ™ˆ :

home

mockup mockups
mockup mockups

πŸ“¬ Contact

Feel free to reach me through the below handles if you'd like to contact me.

linkedin instagram