DevConnect 🚀

A full-stack MERN social networking platform where users can connect, share posts, chat in real time, and receive notifications. LIVE DEMO : https://dev-connect-pearl-tau.vercel.app

✨ Features

• 🔐 User Authentication (JWT)
• 👤 User Profiles
• 📝 Create, Edit & Delete Posts
• ❤️ Like Posts
• 💬 Real-time Chat (Socket.io)
• 🔔 Real-time Notifications
• 🔍 Search Users
• ☁️ Image Upload using Cloudinary
• 📱 Responsive UI

🛠 Tech Stack

Frontend

• React.js
• Vite
• Tailwind CSS
• Axios
• React Router

Backend

• Node.js
• Express.js
• MongoDB
• Mongoose
• JWT Authentication
• Socket.io
• Cloudinary
• Multer

📂 Project Structure

DevConnect
│
├── client
│   ├── src
│   ├── public
│   └── package.json
│
├── server
│   ├── controllers
│   ├── models
│   ├── routes
│   ├── middleware
│   ├── config
│   └── server.js
│
└── README.md

⚙️ Installation

Clone Repository

git clone https://github.com/AnjleenaGupta/DevConnect.git

Install Dependencies

npm install
cd client
npm install
cd ..
cd server
npm install

Environment Variables

Create a .env file inside the server folder.

PORT=5000
MONGO_URI=your_mongodb_connection
JWT_SECRET=your_secret_key
CLOUDINARY_CLOUD_NAME=your_cloud_name
CLOUDINARY_API_KEY=your_api_key
CLOUDINARY_API_SECRET=your_api_secret

Run Backend

cd server
npm run dev

Run Frontend

cd client
npm run dev

---

📸 Screenshots

(Add screenshots here after deployment.)

---

📌 Future Improvements

• Friend Requests
• Comments
• Video Calling
• Online Status
• Dark Mode
• Deployment

---

👩‍💻 Author

Anjleena Gupta

B.Tech CSE (AI) | MERN Stack Developer