Back to Projects

The Burger

RoleFrontend Developer
Year2020
Tech Stack
Vanilla JSHTMLCSS
Background blurThe Burger screenshot 1
Background blurThe Burger screenshot 2
Background blurThe Burger screenshot 3
Background blur
The Burger mobile view 4
Background blurThe Burger screenshot 5

Overview

The Burger is a responsive web application designed to simulate a fast-food ordering totem. It focuses on delivering a smooth and intuitive user interface without the use of complex frameworks, relying entirely on Vanilla JavaScript, HTML, and CSS.

Challenges & Solutions

Managing complex application state (cart items, variations, total price) using only Vanilla JavaScript was challenging. We structured the code with a modular approach, separating data manipulation from DOM updates to maintain readability and performance.

Key Features

  • Interactive cart and checkout flow
  • Dynamic rendering with Vanilla JS
  • CSS Grid and Flexbox layouts
  • No-framework fast performance
Live DemoSource Code