vue-game-of-capitals Tailwind Templates

Vue Game Of Capitals

Web game made with vue 3, typescript, pinia, vuetify, tailwind, leaflet and vitest

Game of Capitals

A simple game where you have to place a mark on the map where you think is one of the capital cities of the world.

A frontend only project; it makes only one call to a public API (thanks REST Countries!) on the initial load and that's it.

It's SPA, there is no navigation so no router needed.

Technologies Used

  • Vue 3.4
  • Pinia 2.1
  • Vue-leaflet 0.10
  • Leaflet 1.9
  • Vuetify 3.6
  • Tailwind 3.4
  • Typescript 5.5

⚓ Requires

🚥 Poject 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

Lint with ESLint

npm run lint

Format with Prettier

npm run format

🚀 Try it out

You can try the game in this url: Vercel WIP

Top categories

Loading Svelte Themes