https://github.com/junaid014/study-platform-client
EduSync is a collaborative learning platform connecting students and tutors for interactive study sessions, secure payments, material sharing, and personalized notes — built with React, Firebase, Express, MongoDB, and Stripe.
https://github.com/junaid014/study-platform-client
auth expre fi mongo nodejs rea react-router-do stri tailwindcss
Last synced: about 2 months ago
JSON representation
EduSync is a collaborative learning platform connecting students and tutors for interactive study sessions, secure payments, material sharing, and personalized notes — built with React, Firebase, Express, MongoDB, and Stripe.
- Host: GitHub
- URL: https://github.com/junaid014/study-platform-client
- Owner: Junaid014
- Created: 2025-08-08T02:44:52.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-08-18T05:52:19.000Z (10 months ago)
- Last Synced: 2025-10-19T07:34:44.147Z (8 months ago)
- Topics: auth, expre, fi, mongo, nodejs, rea, react-router-do, stri, tailwindcss
- Language: JavaScript
- Homepage: https://study-platform14.web.app
- Size: 479 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📚 EduSync – Collaborative Learning Simplified
EduSync is a **collaborative learning platform** where students and tutors connect through interactive study sessions, personal notes, reviews, materials sharing, and secure payments. Built with cutting-edge technologies and designed to be fully responsive and visually engaging.
🔗 **Live Website:** (https://study-platform14.web.app/)
---
## 🚀 Features
- 🔐 **User Authentication** (Firebase)
- 🧑🏫 **Role-Based Dashboards** (Student, Tutor, Admin)
- 📅 **Book Study Sessions**
- 💳 **Secure Payments** via Stripe
- ⭐ **Leave & View Reviews**
- 📂 **Material Uploads** (by tutors)
- 📘 **Personal Notes** (for students)
- 🛠 **Admin Controls** – Manage users and sessions
- 📊 **Responsive & Beautiful UI**
- 🔥 **Animations & Effects** with Lottie & Framer Motion
---
## 🖥️ Tech Stack
### ✅ Frontend
- [React 19](https://react.dev/)
- [Tailwind CSS](https://tailwindcss.com/)
- [React Router v7](https://reactrouter.com/)
- [TanStack React Query](https://tanstack.com/query)
- [Stripe Integration](https://stripe.com/)
- [Lottie React](https://lottiefiles.com/)
- [Framer Motion](https://www.framer.com/motion/)
- [SweetAlert2](https://sweetalert2.github.io/)
- [React Toastify](https://fkhadra.github.io/react-toastify/)
- [Firebase Auth](https://firebase.google.com/)
- [React Type Animation](https://www.npmjs.com/package/react-type-animation)
### ⚙️ Backend
- [Express.js](https://expressjs.com/)
- [MongoDB](https://www.mongodb.com/)
- [Firebase Admin SDK](https://firebase.google.com/docs/admin/setup)
- [Stripe Payment API](https://stripe.com/docs/api)
- [Dotenv](https://www.npmjs.com/package/dotenv)
- [CORS](https://www.npmjs.com/package/cors)
---
## 📂 Folder Structure
```bash
EduSync/
├── client/
│ ├── components/
│ ├── pages/
│ ├── hooks/
│ └── routes/
└── server/
├── index.js
├── routes/
├── controllers/
└── .env
🧪 Installation & Setup
👉 Client
bash
Copy
Edit
cd client
npm install
npm run dev
👉 Server
bash
Copy
Edit
cd server
npm install
node index.js