Archery Targets

Adding targets to the Archery Score Keeper
Published on Saturday 14 March 2026

When building the Archery App I had it in mind to keep track of my shots in an interactive target.

Some people much cleverer than me had already created some on Codepen

Target

I wanted two options, one that I could transfer my scratches in the paper scoresheet from the game and plot them onto the interactive target, this could then auto score the games, but I'd also wanted a way of storing that info and the positions to show them on the main scores page.

Taking that as a starting point and using my GitHub Copilot trial I got to it:

Create an interactive target that allows you to select points to show where you hit and their corresponding value is displayed in a table. If missed show M. Total the sum of scores also.

Target

I've got to review the MR #6 properly but it's looking good at first glance.

Site

</> Code