
frontendCompleted2026
Spice Kitchen Dashboard
Overview
Spice Kitchen is a single-page dashboard application designed to manage the day-to-day operations of an Indian restaurant. It features a collapsible frosted-glass sidebar, interactive charts built with Recharts, an order management system with filtering and pagination, and a fully responsive layout that adapts seamlessly from desktop to mobile. Theme preference is persisted via localStorage with instant, smooth CSS transitions.
Key Features
- Fully responsive layout from mobile (320px) to large desktop
- System-aware dark / light mode toggle with localStorage persistence
- Frosted-glass sidebar with backdrop-blur and smooth collapse animation
- Revenue & traffic charts with dropdown period selectors (Today / Week / Month)
- Order management with filter tabs, full-text search, and paginated table
- Dashboard widgets — stat cards, activity feed, top products, and reservations
- Stagger fade-in animations on page load
Next.js 16TypeScriptTailwind CSSRecharts