https://github.com/gunjankadu/instagram

Full-Stack Instgram Clone using MERN Stack and Socket.io
https://github.com/gunjankadu/instagram

amazon-aws cloudinary expressjs heroku jwt material-ui mongodb multer node react-router reactjs redux sendgrid socket-io tailwindcss thunk

Last synced: 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/gunjankadu/instagram
• Owner: GunjanKadu
• Created: 2022-03-20T21:38:54.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2022-03-20T21:57:22.000Z (about 4 years ago)
• Last Synced: 2025-01-05T19:23:17.326Z (over 1 year ago)
• Topics: amazon-aws, cloudinary, expressjs, heroku, jwt, material-ui, mongodb, multer, node, react-router, reactjs, redux, sendgrid, socket-io, tailwindcss, thunk
• Language: JavaScript
• Homepage:
• Size: 772 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Instagram MERN

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

[Visit Now](https://instagrammern.herokuapp.com) 🚀

## 🖥️ Tech Stack

**Frontend:**

![reactjs](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB) 

![react-router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white) 

![redux](https://img.shields.io/badge/Redux-593D88?style=for-the-badge&logo=redux&logoColor=white) 

![tailwindcss](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white) 

![mui](https://img.shields.io/badge/Material--UI-0081CB?style=for-the-badge&logo=material-ui&logoColor=white) 

**Backend:**

![nodejs](https://img.shields.io/badge/Node.js-43853D?style=for-the-badge&logo=node.js&logoColor=white) 

![expressjs](https://img.shields.io/badge/Express.js-000000?style=for-the-badge&logo=express&logoColor=white) 

![mongodb](https://img.shields.io/badge/MongoDB-4EA94B?style=for-the-badge&logo=mongodb&logoColor=white) 

![jwt](https://img.shields.io/badge/JWT-000000?style=for-the-badge&logo=JSON%20web%20tokens&logoColor=white) 

**Realtime Communication:**

![socketio](https://img.shields.io/badge/Socket.io-010101?&style=for-the-badge&logo=Socket.io&logoColor=white)

**Cloud Storage:**

![aws-s3](https://img.shields.io/badge/Amazon_AWS-FF9900?style=for-the-badge&logo=amazonaws&logoColor=white)

**Deployed On:**

![heroku](https://img.shields.io/badge/Heroku-430098?style=for-the-badge&logo=heroku&logoColor=white)

**Cloud Storage:** [Cloudinary](https://cloudinary.com/)

**Mail Service:** [Sendgrid](https://sendgrid.com/)

## 🚀 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](https://github.com/jigar-sable/instagram-mern/tree/dev-v3-cloudinary) uses Cloudinary to store images.

Branch [dev-v2-aws](https://github.com/jigar-sable/instagram-mern/tree/dev-v2-aws) uses AWS S3 to store images.

Branch [dev-v1](https://github.com/jigar-sable/instagram-mern/tree/dev-v1) uses local storage.

## Sneak Peek of Home Page 🙈 :

![home](https://user-images.githubusercontent.com/64949957/159116089-cfc2b4c5-dc7d-4d4b-a0c8-668f89ce5412.png)

  

    

    

  

  

    

    

  

📬 Contact


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

[![linkedin](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/gunjankadu/)

© 2022 Gunjan Kadu

[![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com)