spikeophant / dndcharfolio Goto Github PK

Create page design based on drawing https://docs.google.com/drawings/d/1V2k90rZqN8xiT_dmYJR2U5TiOEyZ9OuZiCelTUMP4o8/edit

Full width header
Two column design
dynamic row/button population on left bar based on characters created.
Empty character sheet (form) in html

We have an IMG HTML element for a placeholder picture of the character. We also have an API for looking up images. Race and class may be used in its lookup.

When the image is found and selected through Javascript, modify the HTML to display it.

Some of the races in D&D have sub-races, which confer additional bonuses. It should be a dropdown menu that propagates itself with the subraces a race has.

All classes have a selection of skill proficiencies they can pick. When a class is selected, the checkbox for proficiency in the skill should be enabled.

Furthermore, all checkboxes should disable themselves when enough proficiencies have been selected.

We need a CSS framework.

All of the character data can be stored in an array or Javascript object, which can then be stored in local storage, so it would be best to add a save button at the bottom of the character creation form, which saves the character in local storage, but also adds a button below the add character button to reload that character whenever the user wants.

This should be some simple CSS, giving things like ability score names a tooltip.

Every class has two saving throw proficiencies that for now adds +2 to the bonus. Otherwise they're just the corresponding ability score modifier.

Add character image to save/load, refactor save/load to be a single object consisting of nested objects.

Each race has at least two languages they speak, so the language selection checkboxes should react to what race is picked.

All races have ability score bonuses, so perhaps another data entry that shows what bonus is given based on race selection.