Pokemon Card Game App

A simple card game app has built with Vue.js framework, Typescript and more. The app allows users to play with pokemon cards and pair them together. The user can choose 3 different difficulty level. Additionally, there is a score page to see previous scores.

Demo video: Link

Features

• Allow user to select 3 different difficulty levels: easy, medium, hard
• 100% written in TypeScript
• Local Storage has been used to store previous scores
• Vue.js framework is used to create the frontend application
• Pico CSS is used to style the UI
• Vue-Sonner is used for toast notifications

How to run from local repository

1. Clone the repository
2. Run npm install command in your terminal
3. Run npm run dev command in your terminal
4. Server running at http://localhost:5173/

Useful links and information

• Vite static deploy to GitHub as GitHub Pages with GitHub Actions
  • Vite
• Shuffle array
  • [freecodecamp]{https://www.freecodecamp.org/news/how-to-shuffle-an-array-of-items-using-javascript-or-typescript/}

Dependencies

• Vue.js
• Vue Router
• Typescript
• Pico CSS
• date-fns
• vue-sonner

Layout

Asset

Pokemon svg from wikipedia