📓 initiative_tracker

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

See it in action here.

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.