How motiondreamatix/dreamboard-lite works
DreamBoard Lite is a static HTML/Alpine admin dashboard UI kit, not a backend application. Its user-facing flow is to open a dashboard page, inspect or interact with domain views, and see the UI update from the shared mock-data contract. The README documents broader page capabilities than the sampled source excerpts; those branches are represented at the existing pages-directory level. Runtime wiring is shown where documented, while build and audit tooling is excluded.
Main entry points: app.js Alpine interactions · components Shared components · mockData.js Mock-data contract · charts.html Charts and analytics
Components 17
Admin views
- Dashboard home
apps/01-html/src/pages/index.html - Orders and detail
apps/01-html/src/pages - Reports and builder
apps/01-html/src/pages - Charts and analytics
apps/01-html/src/pages/charts.html - Forms and notifications
apps/01-html/src/pages - Auth and account
apps/01-html/src/pages - Billing and pricing
apps/01-html/src/pages
UI runtime
- Shared components
apps/01-html/src/components - Alpine interactions
apps/01-html/src/js/app.js - Page layouts
apps/01-html/src/layouts
Data and language
- Mock-data contract
apps/01-html/data/mockData.js - English and German
apps/01-html/data/i18n.js - Map coordinates
apps/01-html/data/world.js
Design system
- Tailwind styles
apps/01-html/src/css/main.css - Theme tokens
packages/tailwind-config/theme.css
Other components
- Dashboard user
- Optional API
Connections 36
- Dashboard user → Dashboard home: opens
- Dashboard user → Orders and detail: opens
- Dashboard user → Reports and builder: opens
- Dashboard user → Charts and analytics: opens
- Dashboard user → Forms and notifications: opens
- Dashboard user → Auth and account: opens
- Dashboard user → Billing and pricing: opens
- Dashboard home → Shared components: renders
- Orders and detail → Shared components: renders
- Reports and builder → Shared components: renders
- Charts and analytics → Shared components: renders
- Forms and notifications → Shared components: renders
- Auth and account → Shared components: renders
- Billing and pricing → Shared components: renders
- Dashboard home → Alpine interactions: binds interactions
- Orders and detail → Alpine interactions: binds interactions
- Reports and builder → Alpine interactions: binds interactions
- Charts and analytics → Alpine interactions: binds interactions
- Forms and notifications → Alpine interactions: binds interactions
- Auth and account → Alpine interactions: binds interactions
- Billing and pricing → Alpine interactions: binds interactions
- Dashboard home → Mock-data contract: binds data
- Orders and detail → Mock-data contract: binds data
- Reports and builder → Mock-data contract: binds data
- Charts and analytics → Mock-data contract: binds data
- Forms and notifications → Mock-data contract: binds data
- Auth and account → Mock-data contract: binds data
- Billing and pricing → Mock-data contract: binds data
- Alpine interactions → Mock-data contract: reads and updates
- Alpine interactions → English and German: translates strings
- Charts and analytics → Map coordinates: uses map data
- Shared components → Tailwind styles: styled by
- Tailwind styles → Theme tokens: uses tokens
- Page layouts → Shared components: includes partials
- Alpine interactions → Optional API: auth requests
- Optional API → Alpine interactions: returns responses