FoodExpress: Food Delivery Platform (Customer, Rider & Admin) by Zohaib RanaFoodExpress: Food Delivery Platform (Customer, Rider & Admin) by Zohaib Rana

FoodExpress: Food Delivery Platform (Customer, Rider & Admin)

Zohaib Rana

Zohaib Rana

FoodExpress: End-to-End Food Delivery Product

A connected food delivery experience for three types of users: customers, riders and restaurant admins. It has 27 responsive, interactive screens and is built as a front-end product running on demo data.

Customer App (11 screens)

Browse restaurants and categories, explore menus and food details
Cart and checkout with cash, card, JazzCash/Easypaisa or bank transfer
Order status lifecycle: placed, preparing, on the way, delivered
Live rider tracking on the map with ETA
Ratings and feedback, my orders, favorites and profile

Rider App (4 screens)

Go online and accept available orders
Navigate to the customer and complete deliveries
Track daily and weekly earnings and withdrawals

Admin Dashboard (12 screens)

Revenue, order-status and sales analytics
Restaurant, order, menu and dine-in table management
Live Kitchen Display System
Rider management, customers and reports
Payments and payouts, plus a push notification composer

Interactions

Every screen is interactive: cart quantities update, payments complete, riders accept orders, kitchen tickets move forward, table status changes, menu items can be added or removed, notifications can be sent, and filters and search work. The mobile apps show in a device frame on desktop and run full-screen on phones; the admin panel is fully responsive.

Tech

React 19, TanStack Start (server-side rendering), TypeScript, Vite
Tailwind CSS v4, Radix UI, Lucide icons
Cloudinary for optimized images
Consistent orange-and-dark design system
Like this project

Posted Sep 25, 2026

Food delivery product with customer app, rider app and admin dashboard: 27 interactive screens, live tracking, kitchen display, JazzCash/Easypaisa.