KitchenOS – Restaurant Management Platform

Build a modern, premium SaaS web application called KitchenOS.

Design Style

• Dark theme
• Orange accent (#FF8C42)
• Green success color (#22C55E)
• White text
• Rounded cards
• Glassmorphism effects
• Smooth animations
• Responsive for desktop, tablet, and mobile
• Professional dashboard similar to Linear, Stripe, and Notion

Authentication

Create:

• Login page
• Sign up page
• Forgot password page

Users can log in as:

• Owner
• Manager
• Chef
• Cashier

⸻

Dashboard

Display:

• Revenue Today
• Orders Today
• Orders In Progress
• Completed Orders
• Low Stock Alerts
• Active Staff
• Kitchen Performance
• Sales Chart
• Popular Menu Items

Include quick action buttons:

• New Order
• Add Menu Item
• Add Staff
• Restock Inventory

⸻

Orders

Kanban board with columns:

• New
• Preparing
• Cooking
• Ready
• Served

Each order card contains:

• Order Number
• Customer Name
• Table Number
• Time Received
• Estimated Completion
• Assigned Chef
• Priority Badge

Allow drag-and-drop between stages.

⸻

Kitchen Display

Large screen optimized for chefs.

Each order should show:

• Menu Items
• Special Instructions
• Cooking Timer
• Progress Bar
• Priority Level

Allow chefs to mark items as completed.

⸻

Inventory

Display:

• Ingredients
• Quantity
• Unit
• Supplier
• Cost
• Reorder Level
• Expiry Date

Include:

• Search
• Filter
• Low Stock Alerts
• Add Inventory
• Edit Inventory

⸻

Menu Management

Each menu item includes:

• Image
• Name
• Category
• Ingredients
• Selling Price
• Food Cost
• Profit Margin
• Preparation Time
• Availability Toggle

⸻

Staff

Display staff cards with:

• Name
• Position
• Shift
• Status
• Performance Score

Allow:

• Add Staff
• Edit Staff
• Assign Shift
• View Attendance

⸻

Reports

Analytics dashboard showing:

• Daily Sales
• Weekly Sales
• Monthly Sales
• Best Selling Items
• Food Waste
• Inventory Usage
• Profit Margin
• Staff Productivity

Include interactive charts.

⸻

Notifications

Notification center for:

• New Orders
• Low Inventory
• Staff Clock In
• Equipment Maintenance
• Completed Orders

⸻

Settings

Business settings:

• Restaurant Name
• Logo Upload
• Address
• Tax Settings
• Currency
• Kitchen Stations
• User Roles
• Integrations

⸻

AI Features

Create placeholder AI cards for:

• Predict Busy Hours
• Predict Inventory Shortages
• Recommend Restocking
• Detect Slow Orders
• Suggest Menu Improvements

⸻

Components

Use:

• Sidebar navigation
• Top navigation bar
• Search bar
• Cards
• Data tables
• Charts
• Calendar
• Modal dialogs
• Toast notifications
• Command palette
• Dark mode

Use modern React with TypeScript, Tailwind CSS, shadcn/ui components, and clean reusable components.

Generate realistic sample restaurant data throughout the application.