The motivation for this project was simple. My son played high school hockey for three years in upstate New York for the Shenendehowa Plainsmen. I was asked by the booster club to print a small roster with the player's names, year, and, more importantly, their numbers so that fans could easily identify them on the ice. First year, I just did an HTML page and had it printed by a colleague who has his own high end printer and lamination machines. Second year, I went a little further and did an online roster that fans could hit with their mobile devices. This is the result.
This is a web app that runs and looks great on most, if not, all mobile devices (iPhones, iPads, Android devices, etc).
React with TypeScript and Sass
Netlify serverless functions for data (including statistics page scraping)
This project was built for and is hosted on netlify, an awesome cloud-based development platform. Simply click on https://shenhockey.netlify.app in a mobile browser and you can download it right to your device. On iPhones/iPads, it'll get its own icon on your homescreen, and you launch it just like you would a native applications. See here for how to do this.