Skip to content

The horse racing game app is built with Vue 3 and Vuex 4 for state management, following a feature-based structure. It uses Faker.js to generate random data for the game, and components are organized based on the app's features. TypeScript is used for static typing and better code maintainability.

License

Notifications You must be signed in to change notification settings

devemrekaratas/horse_racing_game

Repository files navigation

horse_racing_game

This template should help get you started developing with Vue 3 in Vite.

Recommended IDE Setup

VSCode + Volar (and disable Vetur).

Type Support for .vue Imports in TS

TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue types.

Customize configuration

See Vite Configuration Reference.

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

npm run test:e2e:dev

This runs the end-to-end tests against the Vite development server. It is much faster than the production build.

But it's still recommended to test the production build with test:e2e before deploying (e.g. in CI environments):

npm run build
npm run test:e2e

Lint with ESLint

npm run lint

About

The horse racing game app is built with Vue 3 and Vuex 4 for state management, following a feature-based structure. It uses Faker.js to generate random data for the game, and components are organized based on the app's features. TypeScript is used for static typing and better code maintainability.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published