Shoppy Mart

Summer 2023Course Project

Shoppy Mart

Shoppy Mart was a project I built for my COMP 2406 web development course and genuinely enjoyed working on. The premise was straightforward: we were given a set of JSON files representing products and a store, and the task was to design a small e-commerce interface around that data.

No React, no Firebase, no Tailwind. The entire frontend was plain JavaScript, HTML, and CSS, with Pug as the server-side templating engine and MongoDB for persistence on the backend.

The constraints made it more interesting. Working without a component framework forces you to think carefully about DOM structure and state by hand. It was a good exercise in understanding what frameworks actually solve and why they exist.

Technologies

JavaScriptPugMongoDBHTMLCSS