Admin Dashboard

A full admin app shell you can drop a real backend into: a sidebar that collapses to an icon rail on desktop and becomes a focus-trapped drawer on mobile, a sticky top bar with search, theme switch and a keyboard-friendly user menu, and three working pages switched with a single view ref, no router needed.

The overview page has KPI cards with sparklines, a revenue line chart comparing this year to last (3, 6 or 12 months, with hover and arrow-key inspection), an orders-by-weekday bar chart, recent orders and top products. Every chart is plain SVG drawn from the sample data with a small monotone-curve helper, so there is no charting library to learn or ship. The customers page filters, searches, sorts by any column, paginates and exports CSV; the settings page tracks unsaved changes.

All sample data lives in src/data.ts with exported types, so wiring it to your API is mostly replacing arrays with fetches. Violet is the accent throughout; search-and-replace it to rebrand. Swap the view ref for vue-router routes when you outgrow three pages.