Home / Work / Div Store
10 / E-Commerce Prototype
Platform Multi-Page Web App
Live Web Prototype

Div StoreE-Commerce Prototype

An 18-page multi-category electronics e-commerce frontend prototype. Features 5 product departments (laptops, mobiles, smartwatches, covers, accessories), client-side state transfer via localStorage, dynamic RAM & storage spec selectors, animated promotional carousels, and dedicated policy pages.

HTML5 / CSS3 (18 Pages) Vanilla JavaScript (11 Scripts) LocalStorage State Engine
Launch Live Preview
Repository Access Private Repo
SCREENSHOTS
6
TIMELINE
1 Month
LEVEL
Starter

Engineering Highlights.

[01]

LocalStorage Client State Transfer

Cross-page state persistence architecture where viewProduct() serializes complete product objects to localStorage, dynamically hydrating galleries, specs, and prices on product pages.

LocalStorage State Transfer
[02]

Dynamic Hardware Variant Configurator

Client-side configuration engine generating interactive radio selectors for RAM and storage tiers on laptops and mobiles, automatically synchronizing spec tables and browser tab titles.

Dynamic Radio Selectors
[03]

Multi-Department 18-Page Architecture

Extensive 18-page layout spanning 5 product departments (Laptops, Mobiles, Smartwatches, Covers, Accessories), modulo-driven banner slideshows, and legal terms and privacy policies.

18-Page Multi-Route Layout

Frontend Core

  • 18 Semantic HTML5 Pages
  • Vanilla JavaScript (11 Scripts)
  • LocalStorage State Transfer

Catalog & Departments

  • Dynamic RAM & Storage Tiers
  • Modulo Slideshow Carousel (%)
  • Suggested Items Grid (12 Items)

Styling & Motion

  • 3 Dedicated CSS Stylesheets
  • CSS Custom Properties (:root)
  • @keyframes Typing & Blink FX
  • Cal Sans & Roboto Condensed

UI Modules & Assets

  • Font Awesome 6.5.1 Icons
  • Cart & Auth UI Prototype Views
  • Comprehensive Legal Pages
  • GitHub Pages Deployment

Screenshots.

Home Page Catalog
Home Page
Laptops Section Catalog
Laptops Section
Mobiles Section Catalog
Mobiles Section
Accessories Section Catalog
Accessories Section
Product Details Catalog
Product Details
Product Details 2 Catalog
Product Details Alt