Leet Social Media

MERN app for social media.

✅ Features:

• Login / Registering with Email
• Uploading photos with description
• Commenting
• Liking photos
• Following users
• Sharing link
• Searching users
• Profile page displays uploads / liked / saved photos
• Changing profile pic, description, username, password...
• Deleting photos
• Displaying number of likes for post and the users that liked the pic
• Displaying number of followers and following in profile
• Displaying photos from followed users in main
• Displaying suggestions of users in sidebar
• Front-end routing
• Error page redirection
• Protected routes
• Express backend connected to React
• Database with MongoDB
• Skeleton loading
• Fetching new posts while scrolling
• Web sockets
• Getting real time notifications when user gets follow, like, comment or mention
• User can like comments and reply to comments
• Direct inbox for chat
• Ability to create chat groups and private dual chat
• Notifications for chat
• See when user is typing
• Explore page
• Sharing posts with other users

Home Page:

Explore Page:

Chat Page:

Profile Page:

Settings Page:

Single Post Page:

Sign Up Page:

Login Page:

Upload Image:

Notifications:

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

• MongoDB database and ENV variables

Create an .env file at the root of the project and put

NODE_ENV=development PORT=YOUR_PORT MONGO_URI=YOUR_MONGO_URI JWT_SECRET=secret123

Installing

1. Clone the repo

git clone https://github.com/adi221/leet-social-media.git

2. Run npm install in both root directory and frontend directory

npm install

3. Start the server

npm start

4. Enjoy :)