Welcome to Colearn, a modern, fully-responsive, and professional collaborative study platform designed for students, tutors, and admins to seamlessly interact, share resources, and manage study sessions.
- Username (Email): admin@user.com
- Password: Admin123456
⚠️ For security reasons, please change the default password if deployed publicly.
- 🚀 Fully Responsive UI – Built with TailwindCSS + DaisyUI + Framer Motion for a sleek and professional look across all devices.
- 👤 Role-Based Dashboard – Dynamic dashboards for Admin, Tutor, and Student, each showing relevant data and controls.
- 📚 Study Session System – Create, approve, reject, and book study sessions with status tracking and registration windows.
- 🧑🏫 Tutor Profiles – Explore tutor cards, view detailed profiles with average ratings and reviews.
- 📝 Notes System – Students can create, manage, and organize personal study notes.
- 📂 Material Upload & Viewer – Tutors upload session materials (images, Google Drive links), with secure and filtered access.
- 💬 Review & Rating System – Students can rate and review sessions, enhancing platform credibility and helping future learners.
- 🔒 JWT Authentication – Secure login/register using Firebase + JWT, with email/password and social login (Google/GitHub).
- 📊 Dynamic Analytics – Admin dashboard features charts and stats using Recharts and React Query.
- 🧪 Form Handling & Validation – Clean and efficient form UX with React Hook Form, file upload to Cloudinary.
- 💬 User Feedback – SweetAlert2 for interactive confirmations and alerts throughout the user flow.
- 🌈 AOS Animations – Smooth entrance animations enhance user experience.
| Tech | Description |
|---|---|
| React 19 | Core frontend framework |
| TailwindCSS 4 + DaisyUI | Modern styling and UI components |
| Firebase Auth | Authentication & hosting |
| MongoDB + Express (Backend) | REST API and DB management |
| JWT | Secure token-based auth |
| Cloudinary | Media uploads |
| React Hook Form | Form control and validation |
| React Query | Data fetching and caching |
| Framer Motion | Animations |
| Recharts | Data visualization |
| SweetAlert2 | Alert & modal messages |
| AOS | On-scroll animations |
# Clone the repository
git clone https://github.com/roni-biswas/colearn.git
# Install dependencies
npm install
# Start development server
npm run dev