🚀 Loopr – Full-Stack Social Learning Platform

Loopr is a modern full-stack social learning platform that combines social networking with collaborative learning. Users can share posts, upload stories and short videos (Loops), connect with others, and communicate through real-time messaging.

🌐 Live Demo

🔗 https://loopr-seven.vercel.app/

---

✨ Features

• 🔐 Secure JWT Authentication
• 👤 User Profiles
• 📝 Create, Edit & Delete Posts
• ❤️ Like & Comment on Posts
• 📸 Stories Support
• 🎥 Short Video Uploads (Loops)
• 🔔 Real-time Notifications
• 💬 Real-time Chat using Socket.IO
• 🔍 User Search
• ☁️ Cloudinary Image & Video Uploads
• 📱 Responsive UI
• 🌙 Modern User Experience

---

🛠 Tech Stack

Frontend

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

Backend

• Node.js
• Express.js
• JWT Authentication
• Socket.IO

Database

• MongoDB
• Mongoose

Cloud Services

• Cloudinary

---

📂 Project Structure

Loopr/
│
├── client/
├── server/
├── public/
├── README.md
└── package.json

---

⚙️ Installation

Clone Repository

git clone https://github.com/Adarsh-ctrll/Loopr-Roadmap.git

Install Dependencies

Frontend

cd client
npm install
npm run dev

Backend

cd server
npm install
npm run dev

---

📸 Screenshots

Add screenshots here.

Example:

• Home Feed
• User Profile
• Chat
• Stories
• Notifications

---

🎯 Future Improvements

• Voice & Video Calling
• AI-powered Feed Recommendations
• Group Chats
• Dark Mode
• Mobile App
• Progressive Web App (PWA)

---

👨‍💻 Author

Adarsh Kumar

• 🌐 Portfolio: https://adarsh-portfolio-sage.vercel.app/
• 💼 LinkedIn: https://linkedin.com/in/adarshkumar-aspire/
• 💻 GitHub: https://github.com/Adarsh-ctrll

---

⭐ Show Your Support

If you like this project, consider giving it a ⭐ on GitHub!