A geeky experiment using reactjs and styled-components.
Web-based representation of a DnD 5e character sheet. This is a work in progress, so not everything is fleshed out.
import React from 'react';
import CharacterSheet from './character/CharacterSheet';
const Example = ({character}) => (
<CharacterSheet character={character} />
)
- character:
- name: string
- stats:
- class: string
- level: number
- proficiency: number
- hp: number
- initiative: number
- speed: number
- abilities:
- name: string
- abbreviation: string
- score: number
- modifier: number
- skills: array:
- name: string
- advantage: boolean
- proficiency: boolean
- modifier: number
- ability: string
- savingThrows:
- ability: string
- advantage: boolean
- proficiency: boolean
- modifier: number
- Name
- Basic Info
- Abilities and Skills
- Background (bond, flaw, etc.)
- Combat Stats (AC, Speed, HP)
- Inventory
- Raw to extended stats converter
- Click to roll Skill/Save
- Add tests
- Publish to npm
This project is licensed under the MIT License - see the LICENSE.md file for details