Making the Data Work for You

The challenge I created for myself in this project was to keep the cards in the same order in the HTML (work, play, study, etc...), but scramble the order of the data in the JSON file (e.g. play, study, work, etc...).

Using JavaScript, I created relationships between the JSON data and the HTML cards and fed the data to the DOM according to those relationships.

I used Webpack for this project so that I could leverage SCSS file imports and nesting, as well as exporting JS modules for better code maintainability.