5e-sheets

D&D 5e Character Sheets

A geeky experiment using reactjs and styled-components.

Components

CharacterSheet

Web-based representation of a DnD 5e character sheet. This is a work in progress, so not everything is fleshed out.

Example

import React from 'react';
import CharacterSheet from './character/CharacterSheet';

const Example = ({character}) => (
  <CharacterSheet character={character} />
)

Properties

• 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

Goals

• 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

License

This project is licensed under the MIT License - see the LICENSE.md file for details