G-1 SHOP
A shop in plain JavaScript, no framework and no backend
University group project: catalogue from a public API, a cart that survives a refresh, and accessibility done properly.
- JavaScript libraries
- 0JavaScript libraries
- people on the team
- 4people on the team
- Client-Side Web Applications lab
- ISTEAClient-Side Web Applications lab
The challenge
The brief was to build a working shop with no framework and no server of our own: only HTML, CSS and browser JavaScript, with products pulled from a public API. With no backend there is no session to keep the cart in, so any reload emptied it; and being a four-person project on one codebase, the real risk was not technical but integration: four modules written separately that had to fit together without clashing.
The solution
The project was split into modules with one responsibility each — catalogue, filters, detail, quantity counter, cart, notifications — wired together by the entry point. My part was integrating the cart and filter modules onto that structure, full local-storage persistence (every cart action writes, not just on close), the notification system, the unit counter in the nav bar, the per-product final price and the disabled button states. Also the accessibility layer — semantic tags, ARIA attributes and alternative text — the responsive design and the repository documentation.
The outcome
The shop runs entirely in the browser: you search, filter by category, open the detail, pick a quantity, and the cart is still there after closing the tab. It is the same thinking behind the sites we deliver to clients — no dependencies that are not needed — taken to its limit: zero JavaScript libraries, zero server, and still a complete, accessible shop.
Facing something similar?
Tell us what your business needs and we will tell you whether we can solve it, at what scope and in what timeframe.
Message us on WhatsApp