lineup

Softball lineup editor with live scoreboard

lineup
  • Nuxt
  • Vue.js
  • TypeScript
  • Tailwind CSS
  • PrimeVue
  • Google Firestore
  • Created a Nuxt (Vue.js) softball lineup editor using Nuxt modules and composables for rapid implementation of drag-and-drop, dark mode, and data persisted locally and in the cloud.
  • Added a live scoreboard feature using Google Firestore’s NoSQL database. The scoreboard can be shared via link or QR code with friends for real-time updates; friends can react with emojis.
  • Integrated Tailwind CSS and PrimeVue components for a polished and responsive look and feel.
  • Used static site generation (SSG) rendering mode for continuous deployment to GitHub Pages, which provides free hosting.