SocialConnect - A Social Media Platform

🚀 A feature-rich social media platform built using MERN Stack (MongoDB, Express, React, Node.js) that enables users to create posts, like, comment, follow users, and engage in real-time chat.

📌 Features

✅ User Authentication (JWT-based secure login/signup)
✅ Post Creation & Management (Upload, edit, delete posts)
✅ Like & Comment System
✅ Real-time Chat (WebSockets integration)
✅ Follow/Unfollow Users
✅ Profile Customization (Bio, profile picture)
✅ Responsive UI (Built with Tailwind CSS)

🛠 Tech Stack

• Frontend: React.js, Redux, Tailwind CSS
• Backend: Node.js, Express.js
• Database: MongoDB, Mongoose
• Authentication: JWT, bcrypt.js
• Real-time: WebSockets (Socket.io)

---

🔗 Live Demo

👉 Visit SocialConnect on Render

---

📂 Installation & Setup

1️⃣ Clone the Repository

git clone https://github.com/developer-ravi-03/Social-Media-app.git

cd Social-Media-app

npm install 

2️⃣ Set Up Environment variables

• .env file name

PORT=

MONGO_URI=

Cloudinary_Api = 669243398353445 (your cloudinary api key)

Cloudinary_Secret = x9gFDn0LtRjIYZdlT_HQ2Zg97nw (your cloudinary secret)

Cloudinary_Cloud_Name = dsrhefgpq (your cloudinary name)

JWT_SEC = hjdskhwruhdsjshbj (your jwt secret key)

3️⃣ Navigate to Backend Directory

cd backend

4️⃣ Run backend

npm index.js

5️⃣ Install Frontend Dependencies and Run

npm install
npm run dev   

---

👋 Connect with Me

• 🔗 LinkedIn - ItzRavi
• 🌐 Portfolio - Ravi Kumar