Separate user roles
ROLES · JOURNEYS
Created focused customer and admin experiences with clearly separated responsibilities.
01
Key product screens
Short product walkthrough
Public menu and dish filtering
Customer order history
Admin order management
AI review summary
02
Overview
Full-stack system connecting ordering, operations, and post-delivery insights into a single, structured operational flow. Designed to coordinate customer, admin, and AI-driven processes within a single operational lifecycle.
Product DesignReactDjango RESTAI IntegrationAdmin Dashboard
03
Problem
The ordering and operations flow was fragmented across spreadsheets, chat, and disconnected tools, making it difficult to track orders reliably and increasing duplication and error risk.
- Connect customer ordering and kitchen operations within one product.
- Make roles, permissions, and order states clear.
- Add AI-supported review insights without disrupting the core journey.
04
My contribution
Kitchen Manager was developed as a five-person final project during the Dev, Cloud & Product Academy. Within the team, my contribution focused on:
- Contributing to customer and admin journeys across menu, cart, order history, and order management.
- Contributing to interface hierarchy, responsive states, and role separation.
- Supporting frontend implementation in React and TypeScript while aligning UI decisions with API constraints.
- Contributing to the AI review-summary feature and product documentation.
05
Key design decisions
The solution connected customer ordering, admin operations, explicit order states, and AI-supported review insights within one role-based product.
Clarify order states
STATES · FEEDBACK
Used predictable states for clearer tracking, management, and expectations.
Keep AI supportive
AI · INSIGHTS
Used AI for review summaries without interrupting the core ordering journey.
06
Process
01
Frame the MVP
Translated the academy brief into customer, admin, and post-delivery priorities.
02
Define roles and states
Structured journeys, permissions, and order-state transitions.
03
Design and build key flows
Developed menu, cart, order history, admin management, and review experiences.
04
Align interface and implementation
Refined responsive UI while aligning React implementation with API rules and team delivery.
07
Product architecture
Understanding the system structure helped align customer and admin experiences with roles, states, and API constraints.
01
Customer flow
Menu discovery, filters, cart, order history, and reviews.
02
Admin operations
Menu management, orders, and status updates.
03
Roles and states
Authentication, permissions, and order states.
04
Review insights
Feedback and AI-supported summaries.
Cloud Architecture (AWS)
This proposed production architecture shows how frontend delivery, backend services, and data storage could be distributed across AWS components.
01
Compute & Load Distribution
ECS Fargate behind an Application Load Balancer
02
Database
RDS PostgreSQL as the production database
03
Security
WAF, IAM, Secrets Manager, and private networking
04
Networking
Private backend subnets with controlled outbound access
05
Storage & Monitoring
S3 for assets and CloudWatch for logs and visibility
08
Constraints and trade-offs
Balancing scope and delivery
The team prioritised a complete ordering journey while balancing scope, shared responsibilities, and the academy timeframe.
Connecting roles and states
Customer and admin interfaces shared system logic while keeping operational complexity out of the user experience.
09
Design outcomes
Clearer role separation
Made customer actions and admin responsibilities easier to understand across the same product.
Predictable order lifecycle
Aligned tracking and order management around one shared set of status transitions.
Scoped AI support
Placed AI in the review workflow as a post-delivery admin aid rather than a core ordering dependency.
10
Tools and methods
Frame the MVP
Brief analysisFeature scopingUser flows
Define roles and states
Role logicOrder-state mappingInformation architecture
Design and build key flows
ReactTypeScriptResponsive UI
Align interface and implementation
Django RESTAPI integrationGitHub collaboration