robert/ttrpg-initiative-tracker
1
0
Fork 0
Code Pull Requests Releases 2 Wiki Activity

Updated README.md and added CLAUDE.md

Browse Source
This commit is contained in:
Robert Johnson
2026-04-26 11:42:22 -04:00
parent 33c93ab86b
commit 16118dd958
2 changed files with 116 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+38 -13
View File
@@ -1,4 +1,4 @@
# TTRPG Initiative Tracker (v0.2.1)
# TTRPG Initiative Tracker (v0.2.4)
![Here it is in use](images/in_use.png)
@@ -23,6 +23,7 @@ Have you tried it? Got feedback or questions? Discuss here: [https://discourse.d
* **Character Management:**
* Add and manage characters (player characters) within each campaign.
* Set default Max HP and default Initiative Modifier for each campaign character.
* The character list is collapsible to save screen space.
* **Encounter Management:**
* Create multiple encounters per campaign.
* Add characters from the campaign roster (with auto-rolled initiative based on their modifier and HP pre-filled from campaign defaults) or add custom monsters.
@@ -30,16 +31,33 @@ Have you tried it? Got feedback or questions? Discuss here: [https://discourse.d
* "Add All Campaign Characters" button for quickly populating encounters with initiative rolls.
* DM controls to start, pause/resume, advance turns, and end encounters.
* Visual feedback for rolled initiative when adding individual participants.
* Participants can be added mid-combat while the encounter is paused; the turn order recalculates on resume.
* **HP Tracking:**
* Apply damage or healing to any participant during combat directly from the DM view.
* When a participant reaches 0 HP they are automatically marked inactive and shown with a skull (☠️) icon.
* Healing a dead participant above 0 HP revives them and reactivates them in the turn order.
* **Death Save Tracking:**
* When a player character reaches 0 HP, three death save checkboxes appear in the DM view.
* Marking the third death save triggers a dissolve animation on the player display, then removes the participant from the encounter.
* **Conditions:**
* Apply any of the 15 standard D&D conditions to a participant: Blinded, Charmed, Deafened, Exhaustion, Frightened, Grappled, Incapacitated, Invisible, Paralyzed, Petrified, Poisoned, Prone, Restrained, Stunned, Unconscious.
* Active conditions are shown as emoji badges on both the DM view and the player display.
* Conditions can be toggled directly from the badge or from an expandable condition picker per participant.
* **Player Display:**
* A clean interface showing the current initiative order, participant HP (monster HP totals are hidden, only the bar is shown), and current turn.
* NPCs (monster-type) are visually distinct from hostile monsters.
* Displays custom campaign background if set.
* Shows a "Game Session Paused" message when no encounter is active or if the current encounter is paused by the DM.
* Player display is opened in a separate window via a button in the DM's header.
* A clean interface showing the current initiative order, round number, participant HP, and current turn.
* HP bars use color-coded thresholds: green (above half), yellow (quarter to half), red (below quarter), dark red (dead).
* Monster and NPC HP totals are hidden; only the color-coded bar is shown.
* Active conditions are displayed as emoji badges on each participant's card.
* Inactive participants (and dead ones) are greyed out with a grayscale filter.
* The current participant's card auto-scrolls into view when the turn advances.
* NPCs are visually distinct from hostile monsters, which are distinct from player characters.
* Displays a custom campaign background image if one is set.
* Shows a "Game Session Paused" message when no encounter is active, or "(Combat Paused)" when the DM pauses a running encounter.
* Player display is opened in a separate window via the "Open Player Window" button in the DM's header.
* **Real-time Updates:** Uses Firebase Firestore for real-time synchronization between DM actions and the player display.
* **Initiative Tie-Breaking:** DMs can drag-and-drop participants with tied initiative scores (before an encounter starts or while paused) to set a manual order.
* **Responsive Design:** Styled with Tailwind CSS.
* **Confirmation Modals:** Implemented for destructive actions like deleting campaigns, characters, encounters, or ending combat.
* **Confirmation Modals:** Used for destructive actions like deleting campaigns, characters, encounters, or ending combat.
## Tech Stack
@@ -70,16 +88,23 @@ The TTRPG Initiative Tracker is designed for Dungeon Masters to manage combat en
* Once participants are added and initiative is set, click "Start Encounter". This also automatically makes the encounter live on the Player Display.
* Use the "Pause" button to temporarily halt combat. While paused, you can adjust HP and re-order tied initiatives. Click "Resume" to continue.
* Use the "Next Turn" button (disabled when paused) to advance through the initiative order. The current combatant will be highlighted.
* Apply damage or healing to participants directly in the Admin View.
* Apply damage or healing to participants directly in the Admin View. Participants at 0 HP are automatically deactivated and marked with a skull icon. Healing them above 0 HP revives them.
* For player characters at 0 HP, track death saving throws using the three checkboxes that appear. Marking the third failure triggers a death animation on the player display and removes the participant.
* Apply or remove D&D conditions (Blinded, Charmed, Poisoned, etc.) using the ✨ button next to each participant. Active conditions appear as emoji badges on both the DM view and the player display.
* Mark participants as inactive (e.g., if knocked out) using the toggle next to their name.
* Click "End Encounter" (with confirmation) when combat is over. This also deactivates it from the Player Display.
2. **Player Display Window:**
* This window (opened by the DM via `/?playerView=true` URL) shows a simplified, header-less view of the active encounter.
* It displays the initiative order, current turn, round number, and participant HP (monster/NPC HP values are hidden, only the bar is shown).
* NPCs are styled with a muted gray background, distinct from hostile monsters (custom reddish-brown) and player characters (blueish).
* If a custom background URL was set for the campaign, it will be displayed.
* If no encounter is active on the Player Display, or if the current encounter is paused by the DM, it will show an appropriate message ("Game Session Paused" or "Combat Paused").
* This window (opened by the DM via the "Open Player Window" button, or accessed directly at `/display` or `/?playerView=true`) shows a simplified, header-less view of the active encounter.
* It displays the initiative order, current turn, round number, and participant HP bars. Monster/NPC HP totals are hidden; only the color-coded bar is shown. Player character HP is shown numerically.
* HP bars are color-coded: green (above 50%), yellow (25–50%), red (below 25%), dark red (dead/0 HP).
* Active conditions are shown as emoji badges on each participant's card.
* The current participant's card automatically scrolls into view when the turn advances.
* NPCs are styled with a muted gray background, distinct from hostile monsters (reddish-brown) and player characters (dark blue/indigo).
* Dead and inactive participants are greyed out with a grayscale filter.
* When a player character's third death save is marked, a dissolve animation plays on the display before the participant is removed.
* If a custom background URL was set for the campaign, it will be displayed with a semi-transparent overlay behind the participant cards.
* If no encounter is active on the Player Display, it shows "Game Session Paused". If the current encounter is paused by the DM, it shows "(Combat Paused)".
This flow allows the DM to prepare and run encounters efficiently while providing a clear, real-time view for the players.