Instagram MERN - Full-Stack Instgram Clone using MERN Stack and Socket.io

Last update: Aug 6, 2022

Instagram MERN

Full-Stack Instgram 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

Deployed On:

heroku

Cloud Storage: Cloudinary Mail Service: Sendgrid

🚀 Features

  • Login/Signup User Account
  • Login using Email/Username
  • Update Profile/Password User Account
  • Reset Password Mail using Sendgrid
  • Infinite Scroll Posts
  • Suggested Users
  • Search User Accounts by Name/Username
  • Follow/Unfollow Users
  • Like/Unlike Posts (Double Tap Like)
  • Comment on Post
  • Save/Unsave Post
  • Visit User Profiles
  • Share New Post
  • Skeleton Loaders
  • Delete Own Posts
  • Search Users to Chat
  • Add New Chat
  • Message Users
  • Typing | Online User Status
  • See Followers/Following of Users
  • Post Liked by Users
  • Emoji Enabled (Emoji Mart)

Branch dev-v3-cloudinary uses Cloudinary to store images.

Branch dev-v2-aws uses AWS S3 to store images.

Branch dev-v1 uses local storage.

Sneak Peek of Home Page 🙈 :

home

mockup mockups
mockup mockups

📬 Contact

If you want to contact me, you can reach me through below handles.

linkedin

© 2022 Jigar Sable

forthebadge

GitHub

https://github.com/jigar-sable/instagram-mern
You might also like...

Full Stack Netflix App Clone using React Native and AWS Amplify

Full Stack Netflix App Clone using React Native and AWS Amplify

Netflix Clone Recreated the current Netflix Application. Best part? Added the backend functionality as well.Hoping to add more functionality in future

Jul 24, 2022

Creating instagram clone web by using nextjs and appwrite server

Creating instagram clone web by using nextjs and appwrite server

Creating instagram clone web by using nextjs and appwrite server

Jul 16, 2022

An Instagram clone made using Tailwind CSS, Firebase, and React

Instagram Clone An Instagram clone made using React, Firebase, Tailwind, and more. Usage Clone/Download the repo Run yarn install to install all the d

Dec 28, 2021

A strawpoll clone built with react, socket.io, typescript, and postgres.

👩‍🌾 StrawPoll Clone An open source alternative to StrawPoll built with Next.js, Typescript, Socket.io, and Postgres. Features Unlimited answer choic

Dec 27, 2021

One more Twitter clone, but this one is featureful yet concise and fast, built with MERN stack, with love ❤.

One more Twitter clone, but this one is featureful yet concise and fast, built with MERN stack, with love ❤.

React front-end for tclone Try it here back-end repo here looks like twitter, but not 😊 It is my own take on building Twitter clone, I have tried to

Jul 28, 2022

Api server for Tclone, a concise, fast, and feature rich Twitter clone built with MERN stack.

Api server for tclone Try the app here React frontend repo here This project is my own take on building Twitter clone, I have tried to keep things sim

Jul 28, 2022

A full-stack clone of the incredible Apple Music online streaming platform, with an aim to re-create it's core features, seamless design, and excellent user experience.

A full-stack clone of the incredible Apple Music online streaming platform, with an aim to re-create it's core features, seamless design, and excellent user experience.

Appo Music About Appo Music is a full-stack clone of the incredible Apple Music online streaming platform, with an aim to re-create it's core features

Jul 30, 2022

This project is a simplified a full stack clone of Stackoverflow.

Stackoverflow Clone Live: http://clone-of-stackoverflow.vercel.app/ This project is a simplified a full stack clone of Stackoverflow. I wrote it to le

Aug 4, 2022

instagram clone with nextjs typescript and tailwind CSS

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Jun 19, 2022
Decentralized-instagram - An Instagram clone built with React and Solidty on blockchain
Decentralized-instagram - An Instagram clone built with React and Solidty on blockchain

Decentralized-instagram - An Instagram clone built with React and Solidty on blockchain

Jul 14, 2022
Example of chat web application using Socket.IO with the MERN stack Client in React

Real time chat app Example of chat web application using Socket.IO with the MERN

Dec 22, 2021
A full E-Commerce Full Stack Amazon Clone which built using ReactJS. You can register, sign in and shop!

Amazon Clone with ReactJS In this Amazon Clone application you can register on the site, log in with your account, shop, pay for the products and see

Jul 7, 2022
A Full Stack Amazon Clone which created using ReactJS with full E-Commerce Functionality!!

A Full Stack Amazon Clone which created using ReactJS with full E-Commerce Functionality!!

Jul 11, 2022
Online Marketplace Built with MERN stack (MongoDB, Express, React and Node)Online Marketplace Built with MERN stack (MongoDB, Express, React and Node)

?? Shopping App ?? Online Marketplace Built with MERN stack (MongoDB, Express, React and Node). ⚡️ ⚡️ ⚡️ Kiwi Shop ⚡️ ⚡️ ⚡️ ?? Table of contents Main

Jul 27, 2022
Discord-clone - Discord Clone using React, ReactQuery, Tailwindcss, Redux, Socket IO, NodeJS, Express, MongoDB and Redis
Discord-clone - Discord Clone using React, ReactQuery, Tailwindcss, Redux, Socket IO, NodeJS, Express, MongoDB and Redis

Discord Clone using React, ReactQuery, Tailwindcss, Redux, Socket IO, NodeJS, Ex

Jul 30, 2022
Flipkart-clone - Flipkart Clone using MERN Stack with proper File Structure and also follow MVC architecture
Flipkart-clone - Flipkart Clone using MERN Stack with proper File Structure and also follow MVC architecture

Flipkart Clone MERN APP Dhaval Patel's Flipkart Clone is done with top-notch fea

Aug 2, 2022
To Clarify - a full stack MERN web application designed to help freelance web developers keep workflow organized and to establish clarity and transparency with clients
To Clarify - a full stack MERN web application designed to help freelance web developers keep workflow organized and to establish clarity and transparency with clients

To Clarify - a full stack MERN web application designed to help freelance web developers keep workflow organized and to establish clarity and transparency with clients

Apr 3, 2022
flipkart-clone using react js express js mongo db razorpay complete e-commerce website using MERN stack client server MVC architecture redux redux-thunk ecomerce project live example
flipkart-clone using react js express js mongo db razorpay complete e-commerce website using MERN stack client server MVC architecture redux redux-thunk ecomerce project live example

Flipkar Clone MERN stack Sijeesh Miziha's Flipkart Clone is done with top-notch features for the entrepreneur startups like Flipkart it has RazorPay I

Jul 29, 2022
Discord Clone using React, Node, Express, Socket-IO and Mysql
Discord Clone using React, Node, Express, Socket-IO and Mysql

React Discord Clone Functional Discord Clone written in Typescript using React, Socket IO, NodeJS, Express and MySQL View the live verison at -> http:

Aug 1, 2022