ordering · pop-ups · F&B

Tableside

tableside.kitchen

Tableside is a marketplace for food made around the corner. Home cooks, small cafés and pop-ups open a limited "drop", set a pickup window and sell straight to people nearby. Buyers browse, reserve their share before the batch sells out, and only get the exact address after they pay. It runs in English and Chinese.

my role
Full Stack Developer · UI/UX · DevOps
hats worn
  • Full stack
  • UI/UX
  • DevOps
stack
  • Next.js
  • React
  • Mapbox
status
Live tableside.kitchen

Screens

Tableside home page hero with a serif headline, a suburb or postcode search and a photo of dishes on a wooden table
home: find drops near you
Tableside home page drop cards: a Thousand Fields Cafe combo with an upcoming pickup time and a MEHKO verified matcha latte
home: what is cooking nearby
Thousand Fields Cafe kitchen page with a banner, cuisine tags, an about section and an upcoming drop card
a kitchen page
Thousand Fields Cafe menu cards with prices next to a "Never miss this kitchen" email or phone sign-up box
kitchen menu and follow list
Tableside for chefs page: "Open your kitchen to the neighbourhood" with a Start a drop button
for chefs
Tableside home page on a phone with the headline and a full-width Find drops button
home
Thousand Fields Cafe kitchen page on a phone with its logo, pickup area and cuisine tags
a kitchen page

What I did

  • One Next.js app for both sides: buyers find drops and order, kitchens publish menus and schedule pickups.
  • Drops and pop-ups: plan a future date and pickup spot, or flip "I'm live now" for an instant pop-up.
  • Privacy by default: home kitchens show up on the map as an approximate area, and the real address unlocks after payment.
  • MEHKO permits: kitchens can upload one for review and earn a verified badge, but nobody has to wait for approval to publish.
  • Explore with a map and filters (cuisine, verified only, kitchen name), plus a public page per kitchen with its menu and upcoming drops.
  • Follow lists so buyers hear by email or phone when a kitchen goes live.
  • UI/UX too: I designed the screens and the flows, not just the code behind them.
  • DevOps: hosting, deployment and domain set up and kept running.

Tech used

I can't share the full stack on client work, so this is only part of it.

Frontend
  • Next.js
  • React
Backend
  • Next.js API routes
Maps
  • Mapbox
Auth
  • Email / phone sign-in
  • Google sign-in
DevOps
  • Hosting
  • Deployment

Building something like Tableside?

I'm Gabriella Franchesca, a lead backend engineer in Jakarta. Open to freelance, contract and lead roles. Remote or Jakarta.

Email me LinkedIn Upwork dicoding.com