Portfolio

Battle Sim

Mass combat simulation for tabletop gaming

JavaScriptLitReduxFirebase

About

Battle Sim is a browser-based mass combat simulator designed for tabletop RPG players. Configure armies, set battle parameters, and watch the simulation play out — or run hundreds of simulations to see statistical outcomes.

Features

  • Configurable army builder with unit types and stats
  • Real-time battle animation and play-by-play log
  • Statistical simulation mode — run thousands of battles instantly
  • Redux for predictable state management
  • Firestore for optional remote state persistence
  • Local storage so your armies survive a page refresh
  • Installable as a PWA for offline use
  • Web manifest for add-to-homescreen support

Tech Stack

  • LitElement — fast, lightweight web component UI library
  • Redux — predictable state container for the simulation engine
  • Firebase / Firestore — optional cloud persistence for armies and results
  • Service Worker — offline availability and PWA installability

Get Started

Install npm install
Develop npm start
Deploy npm run deploy

Requires Node.js 11.0.0 or higher. After npm start open localhost:8081.