Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jigar-sable/instagram-mern

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

aws-s3 cloudinary express expressjs frontend fullstack-javascript instragram material-ui mern mern-project mern-stack mongodb mongodb-atlas multer-s3 nodejs react reactjs redux-thunk socket-io tailwindcss

Last synced: about 19 hours ago
JSON representation

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

Host: GitHub
URL: https://github.com/jigar-sable/instagram-mern
Owner: jigar-sable
License: mit
Created: 2022-03-18T14:02:51.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2024-05-09T18:44:53.000Z (5 months ago)
Last Synced: 2024-09-23T03:31:22.275Z (2 days ago)
Topics: aws-s3, cloudinary, express, expressjs, frontend, fullstack-javascript, instragram, material-ui, mern, mern-project, mern-stack, mongodb, mongodb-atlas, multer-s3, nodejs, react, reactjs, redux-thunk, socket-io, tailwindcss
Language: JavaScript
Homepage: https://instagramweb-mern.vercel.app
Size: 1.75 MB
Stars: 576
Watchers: 4
Forks: 180
Open Issues: 5
Metadata Files:
- Readme: README.md
- License: LICENSE.md

Awesome Lists containing this project

README

        # Instagram MERN

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

[Visit Now](https://instagramweb-mern.vercel.app) 🚀

## 🖥️ 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)

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

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

## 🚀 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](https://github.com/jigar-sable/instagram-mern/tree/dev-v3-cloudinary): Utilizes Cloudinary for Image Storage

- ☁️ Branch [dev-v2-aws](https://github.com/jigar-sable/instagram-mern/tree/dev-v2-aws): Leverages AWS S3 for Image Storage

- 💾 Branch [dev-v1](https://github.com/jigar-sable/instagram-mern/tree/dev-v1): Relies on Local Storage Solution

## Sneak Peek of Home Page 🙈 :

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

  

    

    

  

  

    

    

  

📬 Contact


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

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

[![instagram](https://img.shields.io/badge/Instagram-E4405F?style=for-the-badge&logo=instagram&logoColor=white)](https://www.instagram.com/jigarsable.dev)