Dan's Record Collection

Overview

This store prototype was developed for my coding class. As a music lover and record collector, I based my store on a few pieces in my collection, some of my favourite artists, and a few that I would like to own one day! The goal was to create an online store with minimal HTML and create page elements in Javascript.

Included in the prototype are filters to sort, a search field, add to cart/favourite button, and a rating system. It was designed for mobile format.

Try it out and check out some of the code below!

Dev

UX/UI

Role

Designe & Developer

Year

2021

Tools

VS Code, HTML, CSS, JavaScript

Final

Sample Code

How the data from each item is stored

Sample Code

How the data from each item is used to render a product

Sample Code

Styling that is applied to all products

Sample Code