🐎 Interactive Horse Racing Game

A fun and interactive horse racing game built with Typescript, Vue 3, Vite, and Vuex.
Manage horses, schedule races, and watch the action unfold with real-time animations and results!

---

Features

• Generate a stable of unique horses with random stats and colors
• Schedule and run a series of races with varying distances
• Animated race track with live horse movement
• Audio effects for countdown, start, and finish
• View race results, winners, and statistics
• Responsive UI with a modern dashboard layout
• End-to-end and unit tests with Cypress and Vitest

---

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit

Run End-to-End Tests with Cypress

Against the Vite development server (faster for local dev):

npm run test:e2e:dev

Recommended: Test the production build before deploying (e.g. in CI):

npm run build
npm run test:e2e

Lint with ESLint

npm run lint

---

Audio Files in Production

To ensure audio works in your built app, place your audio files (beep.mp3, start.mp3, end.mp3) in the /public directory and reference them as /beep.mp3, etc.

---

Recommended IDE Setup

• VSCode + Volar (disable Vetur)
• For .vue type support in TypeScript, use Volar

---

Customize configuration

See Vite Configuration Reference.

---

Enjoy racing! 🏁