The code for this post is available here. A demo of the result of this tutorial can be viewed here on Github pages.

Assumed knowledge: some prior experience with the terminal and ssh keys.

In this post, I will describe a process to set up a template project (aka “boilerplate”) for prototyping interactive graphics with the HTML canvas. There are 3 sections to this post:

I’m splitting it up into these 3 pieces as they cover fundamental, yet separate aspects of the boilerplate. If you want to simply use the code and not go through the tutorial, then head over to the repository README to get the instructions on how to get that set up.

Continue to: How to Create a Basic Web App Project With VSCode, Snowpack, Typescript, ESLint, Github, and Node