I’m starting to bring my zombie branding to live! Over the past week or so I have been going back to some of my old web projects to give them makeovers. Sometimes complete rewrites, sometimes just a new home but boy has it been fun.
The latest project to get an overhaul? “Over 500” a simple web page that tells you the current stats of a MLB team (Toronto Blue Jays by default).
What has changed?
This project was originally built in PHP (that’s just where I was at in 2016), the mlb api it was leveraging had long been decommissioned and it was hosted on my personal server with no CI/CD to think of. Now, it’s a simple vanillaJs project, leveraging css variables for team specific colors and fonts, hosted on github with proper actions setup for deployments.
It will be a PWA shortly (like by the time I publish this post) and likely have more features built in before you know it (I’m thinking of adding a ‘swipe to change teams’ feature at least).
Why update it?
Well the obvious thing was that the API was no longer active so I had to find the latest one and update the code anyway. I certainly didn’t want to build it in PHP any more, and self hosting it without CI/CD is unnecessarily annoying. So there were enough tasks that needed to get done. The tasks were clear enough that leveraging GitHub’s Copilot made quick work of things.
The foundation was there, it just needed a complete gut/rebuild…
More on the way?
Yes! I’m slowly going over my old repo of pet projects, digging up ones that I liked or I think had potential and bringing them over to my new workflow. Expect many more updates like this in the coming weeks.
Ok cool, but are the Jays “Over 500”?
Check it out for yourself here https://bythegram.github.io/over-500/ or in the iframe below