live link - studysync-2026.netlify.app

🎓 StudySync - Collaborative Learning Platform

StudySync is a comprehensive MERN stack application designed to solve the isolation of remote learning. It provides students with real-time tools to study together, take quizzes, and attend video sessions.

🚀 Key Features

• 👥 Real-Time Whiteboard: Collaborative drawing with multi-user sync (Socket.io).
• 🎥 Video Study Rooms: Integrated video calling for group study (ZegoCloud).
• 💳 Course Marketplace: Browse and purchase premium courses (Stripe Integration).
• 📝 Interactive Quizzes: Students can take quizzes and get instant scoring.
• 🔐 Role-Based Access: Distinct features for Students vs. Tutors (Admins).

🛠 Tech Stack

• Frontend: React.js, React Router
• Backend: Node.js, Express.js
• Database: MongoDB
• Real-Time: Socket.io, WebRTC
• Payments: Stripe

📦 How to Run Locally

1. Clone the Repo

   git clone [https://github.com/YOUR_USERNAME/StudySync.git](https://github.com/YOUR_USERNAME/StudySync.git)

2. Install Dependencies

   # Install server dependencies
   cd backend
   npm install
   
   # Install client dependencies
   cd ../frontend
   npm install

3. Environment Variables Create a .env file in the backend folder and add:

   MONGO_URI=your_mongodb_connection_string
   JWT_SECRET=your_secret_key
   PORT=5000
   

4. Run the App

   # Run Backend (Terminal 1)
   cd backend
   npm run dev
   
   # Run Frontend (Terminal 2)
   cd frontend
   npm start

🔑 Demo Credentials (For Evaluators)

• Admin/Tutor Account: * Email: admin@example.com

  • Password: 123456
  • Access to: Create Courses, Edit Quizzes, Delete Resources.

• Student Account:

  • Email: student@example.com
  • Password: 123456
  • Access to: Enrolling, Whiteboard, Taking Quizzes.