Edu Learn - Learning Management System

A Learning Management System (LMS) front-end built with Next.js 15, React 19, and Tailwind CSS. Browse courses, view categories, manage your learning, and toggle between light and dark themes.

Tech Stack

• Framework: Next.js 15 (App Router) with Turbopack
• UI: React 19, Tailwind CSS 4, Radix UI
• Charts: Recharts
• Icons: Lucide React
• Theming: next-themes
• Language: TypeScript

Getting Started

Prerequisites

• Node.js 20+
• npm, yarn, pnpm, or bun

Install dependencies

npm install

Run development server

npm run dev

Open http://localhost:3000 in your browser.

Other scripts

Command	Description
npm run build	Build for production
npm run start	Start production server
npm run lint	Run ESLint

Project Structure

├── app/                    # Next.js App Router
│   ├── page.tsx            # Home / landing
│   ├── dashboard/          # Dashboard
│   ├── courses/            # Course listing & detail
│   ├── categories/         # Category listing & detail
│   ├── profile/            # User profile
│   └── settings/           # Settings
├── components/
│   ├── common/             # Navbar, Footer
│   ├── ui/                 # Reusable UI (Radix + Tailwind)
│   └── mode-toggle.tsx     # Theme toggle
├── hooks/                  # Custom React hooks
├── lib/                    # Utilities (e.g. cn)
├── providers/              # Theme provider
└── public/                 # Static assets

Features

• Courses: Browse featured courses, view course details, and access “My Course” view
• Categories: Explore courses by category
• Dashboard: Overview and charts (Recharts)
• Profile & Settings: User profile and app settings
• Dark/Light mode: System-aware theme switching via next-themes

Deploy

The app can be deployed on Vercel. See Next.js deployment docs for details.

Learn More

• Next.js Documentation
• Tailwind CSS
• Radix UI