Products of a Coffee Shop

Reason for that

Resources

JSON file

Official Starbucks Nutritional dataset from Beverage Nutrition Information

Font:
https://github.com/PythonCoderUnicorn/starbucks
It was converted from the format CSV to JSON

Git World

Create GitHub repository

git init
git remote add origin <.git>
git branch -M main

Other used commands

git merge [brand-name]
git brand [new-brand-name]
git checkout [brand-destiny]

Create Website

HTML file steps

Verify basic semantic structure

https://www.codecademy.com/resources/docs/html/semantic-html

https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics

Layout based on that

https://www.starbucks.ca/menu/product/478/hot

Project Structure

Model-View-Controller (MVC)

Using third-party packages from NPM

Bundle Generation

Browserify

Automatic Browser Update

Watchify plus extension: Live Server

Unit Tests

Jest

Running

npm run watch-js
public/index.html