# Frontend

## Frontend approach
Server-rendered Laravel Blade with Tailwind + Alpine. No SPA router/state framework present.

## Key files
- Entry JS: `resources/js/app.js`
- Styles: `resources/css/app.css`
- Layouts: `resources/views/layouts/*.blade.php`
- Shared UI components: `resources/views/components/*`
- Domain pages: `resources/views/{dashboard,student,admin,instructor,courses,auth,...}`

## UI composition pattern
- Use layout Blade files for shells/navigation.
- Use `components/ui/*` and standard Breeze components for repeatable controls.
- Keep interactions light with Alpine and progressively-enhanced forms.

## Prototype mapping
Use `html/` files as visual/UX blueprint:
- `html/dashboard.html` -> student dashboard layouts/sections
- `html/lesson.html` -> lesson player layout behavior
- `html/courses.html`, `html/course-detail.html`, `html/index.html`, `html/login.html`