MTG_Life/README.md
2025-09-09 19:19:27 -04:00

57 lines
1.9 KiB
Markdown
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# 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. Theres no server or installation required.
* **Adjust Life:** Tap the + or - buttons on a players card to change their life total.
* **Change Name:** Tap a players 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.