An open API service indexing awesome lists of open source software.

https://github.com/mafromist/horse-racing-game

Horse Racing Game
https://github.com/mafromist/horse-racing-game

babel scss vue-cli vue-sfc vue3 vuejs vuex

Last synced: about 2 months ago
JSON representation

Horse Racing Game

Awesome Lists containing this project

README

        

# 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](https://github.com/user-attachments/assets/67f6ede9-2ac0-4c43-96c7-2e1810ccd031)

### 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](https://cli.vuejs.org/config/).