Skip to content

mafromist/horse-racing-game

Repository files navigation

horse-racing-game

The game will generate 20 horses at first. Then you can watch the race within 6 rounds and each round will have a winner.

Here is the first UI Design on Figma for this project, designed by me.

What I achieved on the Project

after-image

What I designed on Figma

Screenshot 2024-12-03 at 03 37 02

Optional Interactivity for the game: Each rounds' first 3 winner horses will increase their Performance Point from 5 to 15 points and the rest of the racing horses will lose from 1 to 7 points.

Project Features

  • Vue 3
  • Vuex Store
  • Vue Router
  • SCSS

Project setup

npm install on the root

Compiles and hot-reloads for development

npm run dev

Compiles and minifies for production

npm run build

Run your unit tests

npm run test:unit

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.