Welcome to CollabEd, a web-based platform designed to streamline learning through peer-to-peer sessions, admin oversight, and real-time material management. It supports student-tutor collaboration, session approvals, Stripe payments, and dynamic dashboards.
- Username:
admin@collabed.com - Password:
Admin123
These credentials are for demo/admin access only.
- 🔐 User Authentication (Firebase): Register/login with email and Google.
- 🎓 Role-Based Dashboard: Separate dashboards for Admin, Tutor, and Students.
- 📆 Study Sessions Management: Create, approve, reject, and manage sessions.
- 📤 Upload Materials: Tutors can upload learning content.
- 💳 Stripe Payments: Secure payment integration for paid sessions.
- 📊 Data Visualization: Interactive charts using Recharts.
- 🔍 Admin Panel: View, verify, or delete users and sessions.
- 📥 Real-Time Notifications: Success/error toasts for user actions.
- 🌗 Dark/Light Mode Support via Tailwind themes.
- 📱 Fully Responsive: Optimized for all screen sizes.
| Package | Purpose |
|---|---|
react |
Core UI Library |
firebase |
Auth & database integration |
@tanstack/react-query |
Data fetching & caching |
axios |
HTTP requests |
react-router |
Routing and navigation |
tailwindcss |
Utility-first CSS framework |
@stripe/stripe-js / @stripe/react-stripe-js |
Stripe payment integration |
lottie-react |
Animated illustrations |
react-icons |
Icon support |
react-hook-form |
Form management |
react-tabs |
Tabbed interfaces |
react-toastify |
Notification system |
recharts |
Data visualization |
framer-motion |
Animations & transitions |
react-quilljs |
Rich text editor |
@tailwindcss/vite |
Tailwind + Vite support |