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.
![Screenshot 2024-12-03 at 03 37 02](https://private-user-images.githubusercontent.com/7677970/391760445-501c8d19-c7ba-4919-8b16-a710bcc621cb.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxOTYwMDUsIm5iZiI6MTczOTE5NTcwNSwicGF0aCI6Ii83Njc3OTcwLzM5MTc2MDQ0NS01MDFjOGQxOS1jN2JhLTQ5MTktOGIxNi1hNzEwYmNjNjIxY2IucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxMCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTBUMTM1NTA1WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZDRiOWM0MGU4N2M1OGJlZWNlOWQwZDg1Y2ViODQ0ZjRhY2U0NDg4OGFlMmNkYjAyYTdkYTY1YmI2ZWM5MzEyNiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.cVyXprn5R0JDBGYc9MZSYbmxRd7onCE6APiLfFLQWzg)
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.
- Vue 3
- Vuex Store
- Vue Router
- SCSS
npm install on the root
npm run dev
npm run build
npm run test:unit
npm run lint