Battle Tracker ⚔️

A simple battle tracking system for Dungeons & Dragons written in JavaScript to track initiative and damage.

Visit battletracker.jazzsequence.com to check it out!

Description

I originally built this as an experiment after finishing Wes Bos' ES6 for Everyone course to test my newfound JavaScript knowledge, put some of the things he talked about into practice, and to scratch my own itch; at the time I had just started running a D&D campaign for my kids.

After completing his CSS Grid course, I decided to revisit this again to add some much-needed styling and layout.

Finally, continuing my JavaScript education, I took his React for Beginners course and rebuilt the entire thing in React. This time, I refactored some things that were obviously missing, like the ability to retain character info after a battle is done. Finally, I put the whole thing on GitHub pages behind a custom subdomain (battletracker.jazzsequence.com).

Roadmap

These are things I plan (or at least hope) to implement in the future.

Accessibility
A button that resets the character HP when the encounter is reset (currently HP can be reset by refreshing the page)
Initiative randomizer (define initiative rather than entering rolled values)
Attack options (each character/monster has their attacks & damage listed so dealing damage can be done by just clicking the button next to that attack type)
Unit tests and linting
More?

Changelog

0.3.1

fixed Firefox display bugs

0.3.0

refactored entire codebase in React
added true build and deploy process so app can be deployed as a single-page app (SPA)
updated the character add and initiative order elements so characters are automatically ordered in their initiative order when they are added
even more simplified html in the main index.html file (everything is served from within React components)
added a new landing page which generates a unique guid where all your encounter information is stored in local storage.
added a generic 404 page
added gh-pages to handle deploying to GitHub pages