svelte-mtg-counter Svelte Themes

Svelte Mtg Counter

MTG Counter App

Svelte + TS + Vite + Skeleton (Manual install with Tailwind CSS)

Generate Svelte + TS

npm init vite@latest

Commands

npm run dev
npm run build
npm run preview
npm run check

Logic

  • Team will win if another team reaches 0 points
  • Buttons for updating points will be disabled once there is a winner
  • Counter can be reset any time which resets points, winner, and buttons to default values

Svelte Concepts Applied

  • Reactive Statements and Variables
  • DOM and Custom Events
  • If template

Top categories

Loading Svelte Themes