Web
QuickBite
A bilingual food-delivery web app: cart, checkout and order tracking, with an admin dashboard for orders and drivers
- Year
- 2026
- Status
- Shipped
- Role
- Full-stack — Next.js frontend and FastAPI backend
- Stack
- Next.js · TypeScript · Tailwind CSS · Framer Motion · next-intl · FastAPI · SQLAlchemy · PostgreSQL
Problem
A food-delivery service needs a storefront customers enjoy using, in Arabic and English, and an admin side that keeps orders and drivers moving.
Approach
A Next.js (App Router) frontend and a FastAPI backend:
- Customers: English (LTR) and Arabic (RTL) with next-intl, a cart and checkout, live order tracking with cancellation of pending orders, and JWT sign-in.
- Admins: a localized dashboard to move orders through Pending, Preparing, Out for delivery and Delivered, assign drivers inline, and watch revenue and active orders.
- Backend: FastAPI with SQLAlchemy, SQLite locally and PostgreSQL in production, passwords hashed with bcrypt.
Result
Live on Vercel: open the demo from the button above.
