zayka-darbar/
Effortless ordering. Real‑time updates. Beautiful UI. Zayka is a full‑featured restaurant web application built with performance, accessibility, and developer experience in mind.
Live ordering · Menu management · Cart & checkout · Auth · Dark mode
Zayka is a Next.js application that showcases a production‑style architecture for a restaurant ordering experience. It includes public browsing, authenticated user flows, an admin back‑office, live order tracking, and a modular design system built on Radix UI primitives and Tailwind CSS.
- 🍽️ Dynamic menu browsing by category
- 🛒 Persistent cart with summary + quantity controls
- 💳 Checkout flow with order recap
- 📦 Live order tracking UI
- 👤 Authentication (login / signup / password reset)
- 🧑💼 Admin dashboard (menu & live orders management)
- 🌙 Theme toggle (light/dark) via
next-themes - 🎨 Design system: buttons, dialogs, inputs, tabs, selects, etc.
- 🧩 Modular component architecture (feature folders)
- 🌀 Framer Motion animations & subtle transitions
- 📱 Fully responsive layout
- 🔐 Validation with
react-hook-form+zod - 🔔 Toast & feedback system
- 📊 Charts / analytics ready (Recharts placeholder)
- 🧪 Typed utilities & providers for cart/auth state
| Layer | Technology |
|---|---|
| Framework | Next.js 14 (App Router) |
| Language | TypeScript, React 18 |
| Styling | Tailwind CSS, Tailwind Merge, custom tokens |
| UI Primitives | Radix UI suite (Dialog, Dropdown, Select, Tabs, etc.) |
| Theming | next-themes dark/light mode |
| Animations | Framer Motion, tailwindcss-animate |
| Forms & Validation | React Hook Form + Zod resolvers |
| State / Providers | Custom context providers (auth-provider, cart-provider) |
| Data / Backend | Supabase client (@supabase/supabase-js, SSR helpers) |
| Notifications | react-hot-toast / sonner |
| Visualization | Recharts (analytics), Embla carousel |
Components are composed from Radix primitives with Tailwind utility classes, class-variance-authority for variants, and lucide-react for icons. This ensures accessibility (focus states, ARIA) and consistency.
- Clone the repository:
git clone <repo-url> cd Zayka-darbar
- Install dependencies (pnpm recommended):
pnpm install # or npm install - Start development server:
pnpm dev # or npm run dev - Visit: http://localhost:3000
pnpm dev # Run dev server
pnpm build # Production build
pnpm start # Start built app
pnpm lint # Lint codebaseCreate a .env.local file for Supabase (example):
NEXT_PUBLIC_SUPABASE_URL=your_supabase_project_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_public_anon_keyThe application is licensed under Solutions with Aaqil, for Educational / non-commercial use request permission.
Made with ❤️ by Aaqil.