Skip to content
All productsProduct 03 / 03
First app · 2024

Dream World Burger

My first web app, and the base of everything I built after. Built alone in a month in 2024 for an advanced web course: a menu, a cart with promo codes, order tracking and an admin space for a ten-restaurant burger chain. It is where I learned the web, and what LivOpty and everything after grew from.

Live demoCode on GitHubHow it’s built
Dream World Burger: the home page, the menu, order tracking, the cart and the admin tables around the title
Role
Full-stack developer, solo
Platform
Web · e-commerce
Since
2024
Status
First app · 2024

What it does

  • 01

    Order in a few taps

    Catalog, product pages, a cart with promo codes, then takeaway, delivery or a table.

  • 02

    Follow the order

    Every order shows its status in the account, from ordered to delivered.

  • 03

    Run the shop

    Products, stock and orders managed from an admin space.

Screens

  • Menu with burgers and drinks, categories and sorting
    The menu
  • Product page: Le Parisien, price, stock, rating and add to cart
    A product
  • Cart with quantities, delivery mode and promo code
    The cart
  • Order history with a status tracker from ordered to delivered
    Order tracking
  • Admin space: product list with price, stock and actions
    Admin space: products
  • Admin space: order list with status controls, dates, totals and addresses
    Admin space: orders

How it’s built

A React front end and a REST API in Express on Node.js, with JWT sessions and bcrypt-hashed passwords, on MariaDB. Docker Compose starts the four containers in one command.

  • React
  • Material UI
  • Node.js
  • Express
  • MariaDB
  • Docker
  • Leaflet
Browser to a React front end, an Express REST API and phpMyAdmin, the API and phpMyAdmin on MariaDB, all in Docker Compose

Then and now

2024, how I built it

  • Create React App and Material UI
  • An Express API on MariaDB
  • Docker Compose on my laptop
  • API addresses written in the code
  • Tested by hand

2026, how I build

  • Next.js and Astro, on my own design system
  • TypeScript and managed PostgreSQL
  • CI/CD on every merge, deployed on Cloudflare
  • Kubernetes, Prometheus and Grafana in production
  • This app, moved to Cloudflare Workers and Supabase

Other products

  • LivOpty: the home screen, the budget and the grocery list on iPhone, next to the headline
    In daily use

    LivOpty

    Life together, organized: one app for the whole household.

  • Brand board: the Stevenoumi emblem in the center, with the portrait card, the three colors, a LinkedIn post, the banner, the typefaces and stevenoumi.com
    In use everywhere I publish

    Stevenoumi

    My personal brand, built and versioned like a product.

Open to AI Platform, DevOps and Forward Deployed Engineer rolesLet’s build what runs next.contact@stevenoumi.com