# EduManage - Bootstrap 5 School & LMS admin template

**Start with `documentation/index.html`** (open it in your browser). It has the full guide with screenshots.

Open `index.html` in a browser (or `auth/login.html` for the sign-in flow).

## Pages (50)
- Dashboards: School Overview, LMS, Finance
- Students: list, profile, admissions, attendance
- Teachers: list, profile, schedule, leave
- Academics: classes, subjects, departments, timetable
- LMS: courses, course details, course builder, lessons, assignments, quizzes, quiz builder, question bank, live classes
- Examination: schedule, marks, gradebook, report cards
- Finance: fee collection, invoices, invoice view, expenses, scholarships
- Communication: announcements, messages, calendar, notifications
- Reports and analytics
- Settings: general, roles and permissions, notification settings, UI states (empty, loading, error)
- Profile and 7 authentication pages (login, register, forgot, reset, verify email, 2FA, lock screen)

## Structure
- `assets/css/variables.css`  design tokens (colors, radius, spacing, font)
- `assets/css/dark-mode.css`  dark theme tokens
- `assets/css/style.css`      base, Bootstrap overrides, sidebar/header/footer
- `assets/css/components.css` avatars, badges, menus, customizer, profile
- `assets/css/dashboard.css`  KPI cards, charts, calendar
- `assets/css/responsive.css` breakpoints, print, reduced motion
- `assets/js/app.js`          the only script: theme, layout, forms, filters, charts

All CSS and JS are unminified and commented. Bootstrap, Bootstrap Icons and Chart.js
load unminified from jsDelivr; download them into `assets/vendor/` for offline use.

## Useful hooks
- Modal forms: `<form data-modal-form data-success="Saved {fieldName}">`
- Table filters: `data-table-filter`, `data-filter-search`, `data-filter-field`
- Chart data: edit the `CHARTS` object in `assets/js/app.js`