MTG Turn Tracker

A Magic: The Gathering turn tracker web application built with React, TypeScript, and Tailwind CSS.

Quick Start

Requirements: Node.js & npm

npm install
npm run dev

App runs at http://localhost:8080

Features

• Responsive design (mobile, tablet, desktop)
• MTG turn/phase tracking (5 phases + sub-phases)
• 2-player life totals with +/- buttons
• Game state persistence (localStorage)
• Keyboard shortcuts (arrows, space, R to reset)
• Dark mode support
• Full TypeScript type safety
• Zod schema validation

Available Commands

• npm run dev - Start dev server
• npm run build - Production build
• npm run lint - Check code quality
• npm run preview - Preview build locally

Stack

React 18 · TypeScript · Vite · Tailwind CSS · shadcn/ui · Zod

License

MIT