Back to work

Project / 06

Shipped

FreshBites

Full-stack food ordering and delivery web application. Menu browsing, cart and wishlist, customer accounts, and table reservation alongside the delivery flow.

Role
Solo — design & development
Timeline
2026
Stack
ReactTailwindSupabase
Links
Live site

Problem

A restaurant that both delivers and seats guests usually ends up with two disconnected surfaces: an ordering app for delivery, and a phone number for a table. The menu itself then lives in two places and drifts apart.

Approach

The menu is the single source both flows read from: the same item can be added to a delivery cart or booked around as a table reservation, and the storefront carries search, a wishlist and an account so a returning customer isn't re-entering everything each visit.

Visual Showcase

Fresh Bites homepage: "Real Food, Made to Order" beside a plated dish, with Order Now and Reserve a Table actions.

Technical Architecture

  • One menu model feeds both the delivery cart and the reservation flow, so there's no second copy of the menu to keep in sync.
  • Cart, wishlist and account are the persistent customer state — search and browsing stay open to anonymous visitors.
  • Order Now and Reserve a Table are presented as equal primary actions rather than one hidden behind the other.