MiniScore

MiniScore is a small, simple, and local mini golf scorecard app - all data is stored in the browser using the localStorage API. There is no external login, api, cloud service, or database.

image

My goal for MiniScore was to build something using React as a way to learn the framework with a hands-on project. I also used Tailwind CSS to support various custom color themes. A favorite part of this project was coming up with the various themes available via the pallete menu.

image

I also enjoyed designing the structure and storage utility for the game data. In particular, I focused on keeping the URL for sharing a game short by serializing the data in a custom delimited format. The data in the "Share Game" URL is base64 encoded, so please decode it and take a look if you are interested!

image

Finally, this app is an idea that I have had for a while. Other scorecard apps exist, but I wanted to make something custom that looked nice and is easy to use. MiniScore was both a learning experience for me, and something that I may actually use once or twice per summer when I play mini golf with friends and family.

If you end up using MiniScore, let me know and happy mini golfing!