Foodyng is a high-end, modern, and ultra-high-performance restaurant management dashboard template built with Angular 22+ and Tailwind CSS v4. Inspired by the minimalist and productive aesthetics of Notion, combined with polished glassmorphism effects and smooth micro-animations, it offers an outstanding user experience and a premium design that captures attention at first glance.

Modern & High-Performance Tech Stack

- Framework: Angular 22+ (100% Standalone Components).

- State Management: Powered by Angular Signals (signal, computed), eliminating complex RxJS patterns for instant reactive rendering and minimal memory consumption.

- Design & Styles: Built with Tailwind CSS v4 and semantic CSS variables for absolute theme control.

- Charts: Fluid dynamic charts integrated via ApexCharts.

- Component Architecture: Highly reusable and configurable shared components.

Premium & Customizable Design

- Built-in Multi-theme Support: Switch with one click between 4 refined themes:

* Notion Light (Clean and bright)

* Notion Dark (Relaxing dark mode)

* Cozy Amber (Warm and welcoming)

* Forest Mint (Fresh and eco-friendly)

- Staggered Entrance Animations: Delayed and progressive entry animations on all lists for a premium feel.

- Fully Responsive: Optimized for mobiles, tablets, and large screens. Includes collapsible sidebar and mobile drawer navigation.

Rich & Interactive Business Features

1. Overview Dashboard

- Key performance indicators (Revenue, average ticket size, active tables, visitor statistics).

- Interactive 7-day sales charts.

- Real-time activity feeds.

2. Orders Registry & POS Simulator

- Complete order lifecycle management (Pending, Preparing, Served, Paid).

- Detailed side billing drawer (Dynamic calculations for subtotal, 10% VAT, and grand total).

- Table and responsible waiter assignments.

- Print invoice simulator (generates a receipt styled like a physical cash register ticket).

3. Menu Catalog

- Categorized menu sorting (Appetizers, Mains, Desserts, Drinks).

- Full CRUD management: add, edit, and delete dishes with pricing, allergen lists, descriptions, and photos.

- Quick diet filters (Vegetarian, Vegan, Gluten-Free).

- Live item availability toggle.

4. Staff Shift List & Schedules

- Full staff profiles (role, phone number, email address).

- Guard duty scheduling (Shift Start / Shift End).

- Quick check-in presence toggle (On Shift / Off Duty).

5. Inventory & Stock Alerts

- Raw materials tracking by unit (kg, liters, pieces).

- Visual color-coded stock level progress bars.

- Automatic low stock warning based on custom critical thresholds.

- Real-time total inventory valuation tracking.

6. Reservations & Pax

- Table occupancy rate tracking.

- Chronological client reservation lists with guest headcount (pax) and table status.

7. Administration & Settings

- User management table with last seen timestamps.

- Restaurant profile configuration menu and multi-language switch (fully translated English / French).

Ready for Production

The code is structured according to modern Angular best practices. Every file is clean, commented, and optimized. An AI_GUIDELINES.md file is also included to guide AI code assistants if you choose to extend the template yourself.