← Back to Projects
Project·Web

E-commerce site

HTMLCSSJavaScript

A front-end-only e-commerce storefront built with plain HTML, CSS, and JavaScript — no React, no build tooling, just the browser. The goal was to prove out a working shopping experience using nothing but the fundamentals.

Overview

The site includes a product listing page, individual product views, and a shopping cart that persists as you browse between pages. State is kept entirely on the client side.

Key features

  • Product grid with images, prices, and quick "add to cart" actions
  • A cart that tracks quantities and updates a running total
  • Interactive product pages with no page-framework overhead
  • Responsive layout that works down to mobile widths

Tech stack

HTML, CSS, and vanilla JavaScript. Cart state is managed with plain JS objects and re-rendered directly to the DOM.

What I learned

Building a cart without a framework means owning every re-render yourself — it's a good way to actually understand what tools like React are automating for you later on.