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:
Bare bones: VCode + Node + Snowpack + TypeScript + ESLint + Github.
Code structure: Web Components + design patterns.
Interactive canvas: setting up, interacting with, and rendering the canvas.
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.