Making a scoreboard
Making a scoreboard
Section titled “Making a scoreboard”This guide will show you how to make a scoreboard like the one for Floppy Bird and Bomb Eater.
Choose your framework
Section titled “Choose your framework”- Vanill HTML and JavaScript
- Astro (recommended)
- React/Vue/Next.js (not recommended)
- Other (not recommended)
Choose your backend database (all are free and hosted)
Section titled “Choose your backend database (all are free and hosted)”- NocoDB (used by existing scoreboards and recommended)
- Baserow
- Teable
- Neon Postgres
- Airtable
- Grist (more spreadsheet-oriented, but works)
- Supabase
- Google Sheets with a custom script or something like SheetDB (heavily discouraged)
- Other
I’m just providing options, this doesn’t mean all of these are great options, and they all have slightly differing use-cases. If you’re having trouble choosing, contact me and I can help you.
Note that it should be reachable with an API request, so something like Excel absolutely will not work.
Build the site
Section titled “Build the site”Copy-and-paste path (recommended)
Section titled “Copy-and-paste path (recommended)”Just copy the scoreboard of Floppy bird/Bomb Eater/etc. and plug in your own NocoDB/database URL and API key. Note that your API key will be exposed, so it is recommended you set it to read-only and for that specific table.
Custom
Section titled “Custom”You can make your own scoreboard as well. NocoDB can also create code snippets for you to make it easier. Again, your API keys will be exposed, so restrict permissions, and-if possible-set an expiry and rotate them frequently.
Updating
Section titled “Updating”It is recommended to update the scoreboard manually. If it’s possible, add me to collaborate on the database so I can update scores as well.