MTG Life Counter
A sleek and intuitive life counter for Magic: The Gathering, with support for Commander, Poison, and a built-in D20 die roller.
![A screenshot of the MTG life counter application interface]
Screenshot from 2025-09-09 19-16-04.png
🚀 Features
-
Life Tracking: Easily increase and decrease life totals for each player.
-
Poison & Commander Damage: Dedicated counters for tracking poison and commander damage, which automatically trigger a loss when the threshold is met.
-
D20 Die Roller: A responsive and animated D20 die roller is built right into the navigation bar for quick rolls.
-
Persistent State: Player names, life totals, and game settings are saved in your browser, so you can close the tab and return to your game later.
-
Customizable: Add or remove players, and toggle between standard, commander, and poison match modes.
-
Responsive Design: Works beautifully on both desktop and mobile devices.
🕹️ How to Use
Just open the index.html file in your web browser. There’s no server or installation required.
-
Adjust Life: Tap the + or - buttons on a player’s card to change their life total.
-
Change Name: Tap a player’s name to edit it.
-
Add/Remove Players: Use the + and - buttons in the top navigation bar.
-
Toggle Modes: Use the crown and skull buttons to switch between Commander and Poison modes.
-
Roll the Die: Click the D20 icon in the navigation bar to roll.
🛠️ Tech Stack
-
HTML5
-
CSS3 (with custom properties for theming)
-
JavaScript (ES6+)
-
SweetAlert2 (for pop-ups and alerts)
-
Font Awesome (for icons)
🤝 Contributing
We welcome contributions! If you have suggestions for new features, bug fixes, or improvements, please feel free to open an issue or submit a pull request.
📄 License
This project is licensed under the MIT License - see the LICENSE.txt file for details.