Nyellie793/readam-frontend-

Cameroon's first bilingual AI powered platform 📚 ReadAM AI-Powered Learning Platform for Cameroonian Students --- ## What Is ReadAM? ReadAM is an edtech platform built for students in Cameroon. It gives students access to structured courses, an AI Tutor that explains concepts step by step, gamified progress tracking (XP, streaks, badges), and subscription-based access to premium content. Tutors can create and manage courses. Admins manage users, content, and payments from a dedicated panel. The platform is designed around the Cameroonian curriculum — with support for GCE and WAEC past questions, French/English language toggle, and XAF (Central African Franc) pricing. --- ## Features ### For Students - 🎓 **Course Library** — Browse and enroll in free and premium courses - 🤖 **AI Tutor** — Subject-specific AI chat that explains concepts, quizzes, and builds study plans - 📊 **Progress Tracking** — XP points, daily streaks, weekly activity charts - 🔔 **Notifications** — Assignment grades, AI reminders, payment alerts - ⚙️ **Settings** — Profile, password, subscription, language, notification preferences ### For Tutors - Create and publish courses with video, PDF, and quiz lessons - Manage enrolled students ### For Admins - Full admin panel: users, tutors, courses, payments, analytics - Role-based access — students and admins are separated at the middleware level --- ## Tech Stack | Layer | Technology | |---|---| | Framework | Next.js 16 — App Router, Turbopack | | Language | TypeScript 5 (strict) | | Styling | Tailwind CSS v4 | | UI Components | shadcn/ui + Radix UI | | Icons | Lucide React | | Animations | Framer Motion | | Forms | React Hook Form + Zod | | Toasts | Sonner | | i18n | next-intl + i18next (English / French) | | HTTP Client | Custom `fetch` wrapper (`src/lib/api.ts`) | | Auth | JWT via `localStorage` + cookies (Edge Middleware route guard) | | Backend | FastAPI — deployed on Railway | --- ## Project Structure ``` src/ ├── app/ # Next.js App Router │ ├── …