/initiative-tracker

A Dungeons & Dragons tool for tracking turn order. 🎲🐉

Primary LanguageJavaScript

📓 initiative_tracker

A Dungeons & Dragons tool for tracking turn order. 🎲🐉

See it in action here.

Demonstration gif

Features

  • Autosort players as they are added to the list 📜
  • Drag and drop to settle ties 🥇
  • Designed for keyboard support ⌨️
  • Designed for screen reader support 🗣

Usage

  1. Enter a character's name and initiative roll.
  2. Drag and drop the initiative entries to adjust the order as needed

Keyboard Usage ⌨️

  • Use Tab Tab ↹ and Shift + Tab (Shift + Tab ↹) to navigate between the entry fields and sortable list.
  • Add an entry to the list with Enter ⏎
  • Delete an entry with Delete Delete ⌦ or Backspace Backspace ⌫
  • To sort the list:
    • Tab Tab ↹ - focus an initiative entry
    • Spacebar space - lift the entry to begin dragging or drop the entry to end dragging.
    • Escape Esc - end dragging
    • Up arrow ↑ - move a lifted item up the list
    • Down arrow ↓ - move a lifted item down the list

Run it Yourself 👾

  1. Fork this repo.
  2. clone your forked repo with git clone <yourRepoUrl>.
  3. Install Node if you haven't already.
  4. cd into the project directory and run npm install.
  5. Run npm run start in your project directory.