Connecto 🌐

A Modern Social Media Platform

✨ Connect, Share, and Engage – A full-stack social media app built with React, Node.js, MongoDB, and Tailwind CSS for a seamless user experience.

---

#Live Link: https://connecto-web-app.netlify.app/

🚀 Features

✅ User Authentication – Secure signup/login with JWT
✅ Profile Customization – Personalize your profile with images & bio
✅ Post Creation – Share text, images, and videos
✅ Social Interactions – Like, comment, and share posts
✅ Real-time Updates – Live notifications & feed refresh
✅ Responsive UI – Works flawlessly on mobile & desktop

---

🛠 Tech Stack

Frontend

• React.js (Functional Components + Hooks)
• Redux Toolkit (State Management)
• Tailwind CSS (Styling & Responsiveness)
• Axios (API Calls)
• React Icons (Beautiful Icons)

Backend

• Node.js (Runtime)
• Express.js (Server Framework)
• MongoDB (Database)
• Mongoose (ODM for MongoDB)
• JWT (Authentication)

---

⚙️ Installation

Prerequisites

• Node.js (v16+)
• MongoDB (local or cloud)
• npm / yarn

Setup Guide

1. Clone the repo

   git clone https://github.com/wareeshayyyyy/Connecto.git
   cd Connecto

2. Install dependencies

   # Backend setup
   cd backend && npm install
   
   # Frontend setup
   cd ../frontend && npm install

3. Configure environment variables
   Create a .env file in /backend with:

   MONGO_URI=your_mongodb_connection_string
   JWT_SECRET=your_jwt_secret_key
   PORT=5000

4. Run the app

   # Start backend (from /backend)
   npm start
   
   # Start frontend (from /frontend in a new terminal)
   npm start

   🎉 App runs at: http://localhost:3000

---

🌱 Contributing

We welcome contributions! Follow these steps:

1. Fork the repo
2. Create a new branch (git checkout -b feature/YourFeature)
3. Commit changes (git commit -m "Add awesome feature")
4. Push to branch (git push origin feature/YourFeature)
5. Open a Pull Request

---

📬 Contact

• GitHub: @wareeshayyyyy
• Email: f223441@cfd.nu.edu.pk

---

🌟 Let's Build the Future of Social Media, Together! 🚀💙