// about
About the Project
SMASH is a brutalist-themed burger restaurant website built with pure HTML, CSS, and vanilla JavaScript. The design leans into raw, high-contrast typography and bold red-on-black aesthetics to reflect the brand's no-compromise attitude. The site features a full interactive menu with category filtering, a functional cart system with item management, a gallery section, and a complete order flow supporting dine-in, delivery, and pickup options.
// key features
What It Does
Interactive Menu & Filtering
Full menu dynamically rendered via JavaScript with category filters — Burgers, Sides, Drinks, and Combos — and add-to-cart on every item.
Cart System
Slide-in cart drawer with quantity controls, item removal, live subtotal calculation, and persistent item count badge in the navbar.
Gallery Section
Grid-based food photography gallery with hover overlays, showcasing the burgers and kitchen atmosphere with a raw editorial feel.
Order Flow
Complete ordering experience with dine-in, delivery, and pickup modes — each with its own input fields and validation logic.
// stack
Technologies Used
HTML5
CSS3
JavaScript
CSS Grid & Flexbox
CSS Animations
Google Fonts