sunny-dashboard

byMonish Raj

Create a complete AI-powered food ordering platform including a website, user dashboard, and admin dashboard. System Requirements: 1. Website (Public Platform) - Landing page with hero section and search - AI-powered food recommendation section - Restaurant listing - Menu browsing - About and contact pages 2. User Dashboard (Customer Side) - Login and signup - Personalized home screen - AI-based food recommendations - Restaurant and menu browsing - Cart and checkout - Order tracking (real-time status) - Order history - Profile and settings 3. Admin Dashboard - Admin login - Restaurant management - Menu management - Order management - User management - Analytics dashboard (orders, revenue, user activity) Reference Websites: Use the following references for inspiration: - Swiggy / Zomato → for food ordering flow and structure - Uber Eats → for UI layout and interaction patterns - Notion / Linear → for clean dashboard UI and spacing Instructions: - Do not copy designs directly - Adapt layout, components, and UX patterns - Maintain consistency across website, user dashboard, and admin dashboard Design Requirements: - Modern 2026 UI design - Mobile-first approach - Clean and structured dashboard layouts - Card-based UI system - Clear navigation and hierarchy System Output: - Generate user flow - Generate UI screens - Generate system architecture - Generate database structure - Generate task breakdown Important: Clearly separate and organize outputs into: - Website - User Dashboard - Admin Dashboard Ensure the product feels like a real-world application with proper UX flow and usability.

HomeLoginRestaurantsAnalyticsUsersCartAboutOrders
Home

Comments (0)

No comments yet. Be the first!

Project Tasks23

#1

Implement Theme & Structure

To Do

As a Frontend Developer, I want to implement the global theme and structural layout so that all scaffold pages (Home, Login, Signup, Welcome, Dashboard/Overview, Dashboard/AI-Assistant, Dashboard/Settings) match the mock-design pages exactly. This includes: applying the Gen Z-inspired color palette (#FFF8E7 background, #1F1B2C surface, #F4F4F9 text, #FF5C5C accent, #B8B8D1 muted), integrating the Satoshi font globally, setting up shared layout components (Navbar, Sidebar, Footer), applying gradient backgrounds, micro-animations, and neon-style design tokens. Also remove any scaffold pages not present in the mock designs. This task must be completed before all other frontend tasks.

AI 80%
Human 20%
High Priority
2 days
AI Credits:6
Frontend Developer
#3

Build Login & Signup Page

To Do

As a Frontend Developer, I want to implement the Login and Signup pages based on the existing JSX design (Login v2) so that visitors can sign in or register. The login page should support user and admin flows. After login, users are directed to the Home page with AI Picks. The page should include animated form inputs, glowing button effects consistent with the Gen Z theme.

Depends on:#1
Waiting for dependencies
AI 85%
Human 15%
High Priority
1 day
AI Credits:6
Frontend Developer
#2

Build Landing Page

To Do

As a Frontend Developer, I want to implement the Landing page based on the existing JSX design (Landing v1) so that visitors can view the hero section with neon cityscape animation, a glowing search bar with animated placeholder text cycling through food items, and an AI-powered food recommendations section. The page should link to the Restaurants listing and Login/Signup pages. Follows the user flow: Landing → Search Food → Restaurants, Landing → AI Picks → Restaurants, Landing → About.

Depends on:#1
Waiting for dependencies
AI 90%
Human 10%
High Priority
2 days
AI Credits:8
Frontend Developer
#5

Build Restaurants Browse Page

To Do

As a Frontend Developer, I want to implement the Restaurants page based on the existing JSX design (Restaurants v2) so that visitors and users can browse the restaurant listing with card-based UI. The page is navigated to from the Landing page (search or AI picks) and from the User Home page. Clicking a restaurant card navigates to the Menu page.

Depends on:#1
Waiting for dependencies
AI 88%
Human 12%
High Priority
2 days
AI Credits:7
Frontend Developer
#4

Build About Page

To Do

As a Frontend Developer, I want to implement the About page based on the existing JSX design (About v2) so that visitors can view platform information. The page is accessible from the Landing page navigation. Apply consistent Gen Z theme, Satoshi typography, and micro-animations.

Depends on:#1
Waiting for dependencies
AI 88%
Human 12%
Medium Priority
1 day
AI Credits:4
Frontend Developer
#6

Build Menu Browse Page

To Do

As a Frontend Developer, I want to implement the Menu page based on the existing JSX design (Menu v1) so that visitors and users can browse menu items for a selected restaurant. Users can add items to the cart from this page. Visitors without an account are prompted to sign up. Navigates to: Cart page (for users). Follows the user flow: Restaurants → Menu → Cart.

Depends on:#5#1
Waiting for dependencies
AI 88%
Human 12%
High Priority
2 days
AI Credits:7
Frontend Developer
#7

Build User Home Page

To Do

As a Frontend Developer, I want to implement the User Home (dashboard overview) page based on the existing JSX design (Home v5) so that logged-in users see personalized AI-based food recommendations, featured restaurants, and quick navigation links. The page navigates to: Restaurants list, Profile/Settings. Follows the user flow: Login → Home → Restaurants, Home → Profile.

Depends on:#1#3
Waiting for dependencies
AI 90%
Human 10%
High Priority
2 days
AI Credits:8
Frontend Developer
#11

Build Admin Analytics Dashboard

To Do

As a Frontend Developer, I want to implement the Admin Analytics page based on the existing JSX design (Analytics v2) so that admins can view key metrics: orders, revenue, and user activity. This is the first page admins see after login, and navigates to Restaurants management, Orders management, and Users management. Follows the admin flow: Login → Analytics → Restaurants, Analytics → Orders, Analytics → Users.

Depends on:#1#3
Waiting for dependencies
AI 88%
Human 12%
High Priority
2 days
AI Credits:8
Frontend Developer
#12

Build Admin Restaurants Page

To Do

As a Frontend Developer, I want to implement the Admin Restaurants management page based on the existing JSX design (Restaurants v2) so that admins can add, edit, and delete restaurants. Navigates to the Menus management page for editing menu items. Follows the admin flow: Analytics → Restaurants → Menus.

Depends on:#1#11
Waiting for dependencies
AI 85%
Human 15%
High Priority
2 days
AI Credits:7
Frontend Developer
#10

Build Profile & Settings Page

To Do

As a Frontend Developer, I want to implement the Profile page based on the existing JSX design (Profile v1) so that users can manage their profile information and settings. Accessible from the User Home page. Follows the user flow: Home → Profile (Manage Settings).

Depends on:#7#1
Waiting for dependencies
AI 85%
Human 15%
Medium Priority
1.5 days
AI Credits:5
Frontend Developer
#14

Build Admin Orders Page

To Do

As a Frontend Developer, I want to implement the Admin Orders management page based on the existing JSX design (Orders v2) so that admins can view all orders and update their statuses. Accessible from the Analytics dashboard. Follows the admin flow: Analytics → Orders (Update Status).

Depends on:#1#11
Waiting for dependencies
AI 85%
Human 15%
High Priority
2 days
AI Credits:7
Frontend Developer
#15

Build Admin Users Page

To Do

As a Frontend Developer, I want to implement the Admin Users management page based on the existing JSX design (Users v2) so that admins can view, edit, and delete user accounts. Accessible from the Analytics dashboard. Follows the admin flow: Analytics → Users (Manage Accounts).

Depends on:#11#1
Waiting for dependencies
AI 85%
Human 15%
High Priority
1.5 days
AI Credits:6
Frontend Developer
#23

Implement Selective SRD Re-run

To Do

As a Frontend Developer, I want to implement the selective re-run capability so that users can trigger regeneration of specific SRD sections from within the platform UI. This includes a UI control to select which SRD sections to regenerate and an API call to initiate the re-run process.

Depends on:#7
Waiting for dependencies
AI 65%
Human 35%
Low Priority
2 days
AI Credits:7
Frontend Developer
#8

Build Cart & Checkout Page

To Do

As a Frontend Developer, I want to implement the Cart page based on the existing JSX design (Cart v2) so that users can review their selected items, adjust quantities, and proceed to checkout. Since online payment is not included initially, the checkout confirms the order and redirects to Order Tracking. Follows the user flow: Menu → Cart → Orders (Track Live).

Depends on:#1#6
Waiting for dependencies
AI 88%
Human 12%
High Priority
2 days
AI Credits:7
Frontend Developer
#9

Build Orders Tracking Page

To Do

As a Frontend Developer, I want to implement the Orders page based on the existing JSX design (Orders v2) so that users can track their live order status in real-time and view their order history. Follows the user flow: Cart → Orders (Track Live) → Orders (View History).

Depends on:#1#8
Waiting for dependencies
AI 88%
Human 12%
High Priority
2 days
AI Credits:7
Frontend Developer
#13

Build Admin Menus Page

To Do

As a Frontend Developer, I want to implement the Admin Menus management page based on the existing JSX design (Menus v1) so that admins can add, edit, and delete menu items for each restaurant. Accessible from the Restaurants management page. Follows the admin flow: Restaurants → Menus (Edit Items).

Depends on:#12#1
Waiting for dependencies
AI 85%
Human 15%
High Priority
2 days
AI Credits:7
Frontend Developer
#16

Implement Restaurants API

To Do

As a Backend Developer, I want to implement REST API endpoints for restaurants so that the frontend can fetch restaurant listings, create, update, and delete restaurants. Endpoints include: GET /restaurants, GET /restaurants/{id}, POST /restaurants, PUT /restaurants/{id}, DELETE /restaurants/{id}. Built with FastAPI and MySQL.

Depends on:#12#5
Waiting for dependencies
AI 75%
Human 25%
High Priority
2 days
AI Credits:7
Backend Developer
#19

Implement Users Management API

To Do

As a Backend Developer, I want to implement REST API endpoints for user management so that admins can view, edit, and delete user accounts, and users can manage their profiles. Endpoints include: GET /users, GET /users/{id}, PUT /users/{id}, DELETE /users/{id}. Built with FastAPI and MySQL.

Depends on:#15#10
Waiting for dependencies
AI 75%
Human 25%
Medium Priority
1.5 days
AI Credits:6
Backend Developer
#17

Implement Menus API

To Do

As a Backend Developer, I want to implement REST API endpoints for menus so that the frontend can fetch, create, update, and delete menu items per restaurant. Endpoints include: GET /restaurants/{id}/menus, POST /menus, PUT /menus/{id}, DELETE /menus/{id}. Built with FastAPI and MySQL.

Depends on:#16#13#6
Waiting for dependencies
AI 75%
Human 25%
High Priority
2 days
AI Credits:7
Backend Developer
#21

Implement AI Recommendations API

To Do

As an AI Engineer, I want to implement the AI-powered food recommendation API using LangChain and LiteLLM (routing to GPT 5.2) so that the platform can serve personalized food recommendations to users on the Home page and visitors on the Landing page. The API should accept user context/preferences and return ranked food/restaurant suggestions.

Depends on:#17#2#7
Waiting for dependencies
AI 70%
Human 30%
High Priority
3 days
AI Credits:9
AI Engineer
#18

Implement Orders API

To Do

As a Backend Developer, I want to implement REST API endpoints for orders so that users can place orders, track real-time status, and view history, and admins can update order statuses. Endpoints include: POST /orders, GET /orders/{id}, GET /orders (user history), PATCH /orders/{id}/status. Built with FastAPI and MySQL.

Depends on:#8#17#14#9
Waiting for dependencies
AI 75%
Human 25%
High Priority
2.5 days
AI Credits:8
Backend Developer
#20

Implement Analytics API

To Do

As a Backend Developer, I want to implement REST API endpoints for analytics so that the admin dashboard can display aggregated data for orders, revenue, and user activity. Endpoints include: GET /analytics/orders, GET /analytics/revenue, GET /analytics/users. Built with FastAPI and MySQL.

Depends on:#18#11#19
Waiting for dependencies
AI 70%
Human 30%
High Priority
2 days
AI Credits:7
Backend Developer
#22

Implement Real-Time Order Tracking

To Do

As a Backend Developer, I want to implement real-time order status updates using WebSockets or Server-Sent Events so that users can see live order tracking updates on the Orders page without page refresh. Integrates with the Orders API.

Depends on:#9#18
Waiting for dependencies
AI 70%
Human 30%
High Priority
2 days
AI Credits:8
Backend Developer

No page designs yet.

The Design Agent will generate JSX pages automatically after user flows are created.

Login: Sign In
Analytics: View Dashboard
Restaurants: Manage List
Menus: Edit Items
Orders: Update Status
Users: Manage Accounts