React Admin Dashboard Template

A production-ready admin dashboard built with React, TypeScript, Tailwind CSS, and Recharts.

Dark mode, responsive sidebar, analytics charts, user management, products catalog, and authentication — ready to deploy.

Quick Start

npm install
npm run dev

Open http://localhost:3000 — login with admin@demo.com / password.

Features

• Authentication — login page with demo credentials, protected routes
• Dashboard — stat cards, revenue line chart, orders bar chart, recent users table
• Analytics — area chart, grouped bar chart, monthly breakdown table with AOV
• Users — searchable table with role/status badges
• Products — grid layout with category filter, search, stock indicators
• Settings — dark mode toggle, notification toggles, account form
• Dark Mode — persistent toggle, respects system preference
• Responsive — sidebar collapses on mobile, adapts to any screen
• Accessibility — semantic HTML, ARIA labels, keyboard navigation

Tech Stack

React 18 · TypeScript · Tailwind CSS 3 · Recharts · React Router 6 · Lucide Icons · Vite

Build

npm run build

Output in dist/ — deploy to Vercel, Netlify, or any static host.

License

MIT

Aspen Grove

Standalone product package (MIT). Meta mesh: aspen-grove.
Third-party: THIRD_PARTY.md. Run make smoke.