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

Overview

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

You might also like...
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

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:

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

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

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

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

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://

An Instagram Clone with Firebase and React JS
An Instagram Clone with Firebase and React JS

An Instgram Clone made up with React JS and Firebase 9.

This is a clone of Instagram built with NextJS, TailwindCSS, NextAuthJS and Firebase
This is a clone of Instagram built with NextJS, TailwindCSS, NextAuthJS and Firebase

Instagram This is a clone of instagram built with: This application is completely functional and responsive. Users can Sign in straightaway with Googl

Owner
Jigar Sable
Working to be better than yesterday!
Jigar Sable
An instagram clone created with the MERN stack

Instaclone An instagram clone created with MongoDB, Express, React, and Socket.io Have a look at the live demo Tech Frontend: React State management:

Sander Moen 547 Nov 18, 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

Lucifer1123 1 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

Mert Çankaya 15 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!!

Özge Coşkun Gürsucu 50 Oct 3, 2022
A Responsive Full Stack Amazon Clone which created using ReactJS with full E-Commerce Functionality

A Responsive Full Stack Amazon Clone which created using ReactJS with full E-Commerce Functionality including user register, user login, user authentication, shop cart management, order management, and payment using Stripe, etc.

Mostafa Habib 3 Aug 18, 2022
Tinde-Chater is a Full Stack Chatting App. Uses Socket.io for real time communication and stores user details in encrypted format in Mongo DB Database.

Tinde-Chater is a Full Stack Chatting App. Uses Socket.io for real time communication and stores user details in encrypted format in Mongo DB Database.

Nitish Kumar 3 Jul 26, 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

Tomiwa Adeyemi 9 Jul 27, 2022
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

Milad Ranjbar 202 Nov 20, 2022
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

Dhaval Patel 42 Nov 21, 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

Jay 4 Apr 3, 2022