BeyScore

The official score keeping application for the World Beyblade Organization, built as a single-page application with Vue.js, Nuxt, and TailwindCSS. BeyScore is used by tournament judges to track scores during Beyblade events.

Features

• Real-time score keeping for Beyblade tournament matches
• Adaptive layouts for mobile and desktop platforms
• Configurable app settings for different tournament formats
• Installable as a PWA for offline use at events
• Static site generation for fast, serverless deployment via GitHub Pages

I worked with designers through Figma to nail down the interface layouts before building them out. TailwindCSS made it straightforward to translate the mockups into a consistent UI, and having designs finalized ahead of time helped keep the development pace up. The settings page lets organizers configure things like scoring rules and match formats to fit different tournament styles.

The app is statically generated with Nuxt and deployed to GitHub Pages, so there's no server to maintain. I set up CI/CD pipelines with GitHub Actions so that updates go out quickly when changes are merged. Since this is used at live events, the app also works as a PWA so judges can install it and use it even with spotty venue WiFi.