A modern, learning-oriented web app built with the latest React ecosystem tools.
| Area | Technology | Description |
|---|---|---|
| Frontend | React 19 | Core library for UI |
| Language | TypeScript | Type-safe JavaScript |
| Build Tool | Vite | Lightning-fast development server |
| Styling | Tailwind CSS v4 | Utility-first CSS framework |
| Routing | React Router v7 | Client-side routing |
| State Management | Zustand | Simple and fast store |
| Data Fetching | @tanstack/react-query v5 + Axios | Query caching + HTTP client |
| Form Handling | React Hook Form + Zod | Form control and validation |
| UI Components | Radix UI + Vaul | Accessible dialogs, drawers, etc. |
| Icons | Lucide React | Modern, lightweight icons |
| Notifications | Sonner | Toast notifications |
| Utilities | clsx, class-variance-authority | Class helpers and variants |
| Auth | js-cookie (mock session) | Local cookie-based mock login |
| Integration | crisp-sdk-web | Live chat widget |
| Testing | Vitest + Testing Library | Unit & integration testing |
✅ Multi-page routing (Home, Courses, Login)
✅ Responsive layout with Tailwind
✅ Reusable Button & Icon system
✅ Dark/Light theme toggle (coming next)
✅ Zustand state management
✅ React Query with API caching
✅ Form validation with RHF + Zod
✅ Course CRUD operations
✅ Crisp chat integration
✅ Basic testing setup