mantimon-tcg/frontend
Cal Corum 2986eed142 Add F3 demo page with real card data and fix Phaser initialization
- Add /demo route with full game board demo using real card images
- Fix PhaserGame.vue to pass scenes array to createGame()
- Fix timing issue: listen for gameBridge ready event instead of Phaser core ready
- Add card images for Lightning and Fire starter decks (24 Pokemon + 5 energy)
- Add mockGameState.ts with realistic Lightning vs Fire matchup
- Add demoCards.json/ts with card definitions from backend
- Update Card.ts to use image_path from card definitions
- Add loadCardImageFromPath() to asset loader for new image format
- Update CardDefinition type with image_path and rarity fields

Demo verifies: Vue-Phaser state sync, card rendering, damage counters,
card click events, and debug controls. Layout issues noted for Phase F4.
2026-01-31 21:58:26 -06:00
..
project_plans Implement frontend phases F1-F3: auth, deck management, Phaser integration 2026-01-31 15:43:56 -06:00
public Add F3 demo page with real card data and fix Phaser initialization 2026-01-31 21:58:26 -06:00
src Add F3 demo page with real card data and fix Phaser initialization 2026-01-31 21:58:26 -06:00
.env.development Add dev-server skill and update development ports 2026-01-30 11:56:25 -06:00
.env.production Add environment config and Vue Router with guards (F0-003, F0-008) 2026-01-30 10:59:04 -06:00
.gitignore Add F3 demo page with real card data and fix Phaser initialization 2026-01-31 21:58:26 -06:00
CLAUDE.md Add environment config and Vue Router with guards (F0-003, F0-008) 2026-01-30 10:59:04 -06:00
eslint.config.js Scaffold Vue 3 + TypeScript frontend (Phase F0) 2026-01-30 09:23:53 -06:00
index.html Scaffold Vue 3 + TypeScript frontend (Phase F0) 2026-01-30 09:23:53 -06:00
package-lock.json Implement frontend phases F1-F3: auth, deck management, Phaser integration 2026-01-31 15:43:56 -06:00
package.json Implement frontend phases F1-F3: auth, deck management, Phaser integration 2026-01-31 15:43:56 -06:00
postcss.config.js Scaffold Vue 3 + TypeScript frontend (Phase F0) 2026-01-30 09:23:53 -06:00
PROJECT_PLAN_FRONTEND.json Implement frontend phases F1-F3: auth, deck management, Phaser integration 2026-01-31 15:43:56 -06:00
README.md Scaffold Vue 3 + TypeScript frontend (Phase F0) 2026-01-30 09:23:53 -06:00
tsconfig.app.json Scaffold Vue 3 + TypeScript frontend (Phase F0) 2026-01-30 09:23:53 -06:00
tsconfig.json Scaffold Vue 3 + TypeScript frontend (Phase F0) 2026-01-30 09:23:53 -06:00
tsconfig.node.json Scaffold Vue 3 + TypeScript frontend (Phase F0) 2026-01-30 09:23:53 -06:00
vite.config.ts Scaffold Vue 3 + TypeScript frontend (Phase F0) 2026-01-30 09:23:53 -06:00
vitest.config.ts Scaffold Vue 3 + TypeScript frontend (Phase F0) 2026-01-30 09:23:53 -06:00

Vue 3 + TypeScript + Vite

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Learn more about the recommended Project Setup and IDE Support in the Vue Docs TypeScript Guide.