Before you begin, ensure you have installed:
- Node.js (Latest LTS version recommended)
- npm (comes with Node.js)
- Clone the repository:
git clone [repository-url]
cd horse-racing-game- Install dependencies:
npm installIn the project directory, you can run:
npm run dev- Starts the development servernpm run build- Builds the app for productionnpm run preview- Locally preview the production build
horse-racing-game/
├── src/ # Source files
│ ├── assets/ # Static assets
│ ├── components/ # Reusable Vue components
│ ├── containers/ # Container components
│ ├── i18n/ # Internationalization files
│ ├── modules/ # Application modules
│ ├── store/ # Vuex store files
│ ├── utils/ # Utility functions
│ ├── views/ # Page components
│ ├── App.vue # Root component
│ ├── main.js # Application entry point
│ └── style.css # Global styles
├── public/ # Public static assets
└── vite.config.js # Vite configuration
- Vue 3 - The Progressive JavaScript Framework
- Vite - Next Generation Frontend Tooling
- Vuex - State Management Pattern + Library
- Vue-i18n - Internationalization Plugin
- TailwindCSS - Utility-first CSS Framework
The project uses Vue 3's <script setup> syntax for components. For more information, check out the script setup documentation.