chai

bySinan Kazhungil

You are a senior software architect, UI/UX designer, backend engineer, DevOps engineer, and product manager. I want you to build a production-quality SaaS called "ChaiOS". Do not generate demo code or placeholder pages. Everything should be modular, scalable, reusable, and production-ready. ======================================================== PROJECT OVERVIEW ======================================================== Product Name: ChaiOS Tagline: The Operating System for Cafés & Tea Shops. Purpose: ChaiOS is a SaaS platform that helps cafés, tea shops, bakeries, and small restaurants manage their business from one dashboard. The software should replace notebooks, Excel sheets, and WhatsApp-based management. The target audience includes: • Tea Shops • Cafés • Coffee Shops • Bakeries • Juice Shops • Small Restaurants The platform should feel modern like: • Shopify • Stripe Dashboard • Linear • Notion • Vercel Dashboard Minimal Fast Premium Professional ======================================================== TECH STACK ======================================================== Frontend React TypeScript Vite Tailwind CSS shadcn/ui React Router Backend Supabase Use Supabase Auth Supabase Database Supabase Storage Supabase Edge Functions where necessary Deployment Vercel ======================================================== DESIGN SYSTEM ======================================================== Design Language Modern SaaS Rounded corners Large spacing Soft shadows Responsive Dark mode ready Use shadcn/ui Lucide Icons Cards Dialogs Dropdowns Tables Badges Skeleton loaders Toast notifications Everything should be reusable. Create: components/ layouts/ hooks/ services/ types/ utils/ ======================================================== AUTHENTICATION ======================================================== Owner Login Email Password Forgot Password Remember Me Protected Routes Logout Session Persistence ======================================================== MULTI TENANT ======================================================== Every café has its own workspace. Each owner only sees: Products Orders Customers Inventory Staff Analytics Settings belonging to their café. Never expose another café's data. ======================================================== DATABASE ======================================================== Design a scalable relational database. Tables should include: profiles cafes employees products categories customers orders order_items inventory ingredients recipes suppliers purchases expenses payments loyalty_transactions coupons notifications audit_logs subscriptions Each table should include UUID primary key created_at updated_at soft delete where appropriate ======================================================== DASHBOARD ======================================================== Dashboard should display Today's Sales Today's Orders Revenue Top Products Recent Orders Pending Orders Inventory Alerts Quick Actions Sales Chart Weekly Revenue Monthly Revenue ======================================================== PRODUCT MANAGEMENT ======================================================== Create full CRUD. Fields Name Description Category Price Image Available Preparation Time Tax SKU Barcode Search Filter Sorting Pagination Bulk Delete Bulk Availability Toggle Image Upload ======================================================== CATEGORY MANAGEMENT ======================================================== CRUD Category Image Category Color Display Order ======================================================== ORDER MANAGEMENT ======================================================== POS Interface Create Order Cart Quantity Modifiers Special Notes Taxes Discounts Coupon Code Kitchen Status Pending Preparing Ready Completed Cancelled Generate Invoice Print Receipt ======================================================== CUSTOMERS ======================================================== Customer Profile Phone Email Birthday Visit Count Lifetime Value Order History Loyalty Points Membership Tier Rewards ======================================================== LOYALTY SYSTEM ======================================================== Points per purchase Redeem rewards QR Code Referral Rewards Coupons Reward Wallet ======================================================== INVENTORY ======================================================== Ingredients Current Stock Minimum Stock Auto Low Stock Alert Suppliers Purchase Orders Recipe Management Ingredient Consumption Stock History ======================================================== STAFF MANAGEMENT ======================================================== Employees Roles Permissions Attendance Salary Shift Timing Performance ======================================================== ANALYTICS ======================================================== Charts Revenue Orders Customers Products Peak Hours Average Order Value Profit Expenses Inventory Usage Export PDF Export Excel ======================================================== EXPENSE TRACKER ======================================================== Rent Salary Electricity Internet Supplies Marketing Maintenance Reports ======================================================== PAYMENTS ======================================================== Support Cash UPI Card Wallet Split Payments Refunds Payment History ======================================================== NOTIFICATIONS ======================================================== Low Stock New Orders Failed Payments Subscription Alerts Announcements ======================================================== SETTINGS ======================================================== Cafe Details Branding Logo GST Invoice Template Tax Working Hours Theme Users Roles Security ======================================================== SUBSCRIPTIONS ======================================================== Plans Free Starter Growth Enterprise Subscription Status Billing History Invoices Stripe Integration ======================================================== SUPER ADMIN PANEL ======================================================== Separate Admin Dashboard View all cafés Revenue Subscriptions Feature Flags Support Tickets User Management Analytics ======================================================== API STRUCTURE ======================================================== Create service files. Example product.service.ts order.service.ts customer.service.ts inventory.service.ts Every service should Create Read Update Delete Handle errors Return typed responses ======================================================== PROJECT STRUCTURE ======================================================== Use feature-based architecture. Example src/ modules/ products/ orders/ customers/ inventory/ analytics/ auth/ shared/ components/ hooks/ services/ types/ utils/ ======================================================== CODING STANDARDS ======================================================== Use TypeScript everywhere. No any. Strict typing. Reusable hooks. Reusable dialogs. Reusable forms. Reusable tables. Reusable pagination. Reusable search. Reusable filters. Use React best practices. No duplicated code. ======================================================== PERFORMANCE ======================================================== Lazy loading Code splitting Optimized queries Optimized images Pagination Virtualized tables if needed ======================================================== SECURITY ======================================================== Protected Routes Supabase RLS Input Validation Rate Limiting Environment Variables Sanitize Inputs ======================================================== UI REQUIREMENTS ======================================================== Premium dashboard. Smooth animations. Loading skeletons. Empty states. Meaningful error messages. Success toasts. Responsive mobile layout. Beautiful tables. Professional forms. ======================================================== OUTPUT REQUIREMENTS ======================================================== Do NOT generate everything in one huge response. Instead: 1. Create the folder structure. 2. Generate the database schema. 3. Configure Supabase. 4. Build authentication. 5. Build layouts. 6. Build dashboard. 7. Build Products module completely. 8. Build Categories. 9. Build Orders. 10. Build Customers. 11. Build Inventory. 12. Build Analytics. 13. Build Settings. 14. Build Subscription. 15. Refactor. 16. Testing. 17. Documentation. After each milestone, verify the project builds successfully before continuing. Always write production-quality code.