D&D Character Generator

Introduction

• This project was an excercise in exploring, understanding, and implementing TypeScript.
• We chose to make a D&D Random Character Generator.
• When the user first comes to the app, they will see the Character Creation page.
• There, the user can fill out the required input fields and submit their new character to the party.
• Alternatively, the user can choose to randomize their character or clear all inputs.
• The user can delete individual characters from the party or choose to delete the whole party.
• The user can also navigate to the Monster Manual, where they can explore a list of "Monsters" and see the monster's details and statistics.

Setup

• Click here to check out our application.

Application in Action

Technologies

• TypeScript
• React
• XML
• CSS
• VSCode
• React Router
• Cypress
• GitHub

Goals, Challenges, and Wins

Goals

• Create a multipaged application, using TypeScript, and manipulate fetched API data.

Challenges

• Learning and incorporating TypeScript syntax.
• Specifically handling "event" typing.

Wins

• Created a fully functional application that is in-line with our initial user-flow goals.
• Worked in a collaborative, creative, and kind group dynamic.

Possible Future Extensions

• The ability to search for monsters by their various attributes.
• Present even more character information, based fetching data.
• The ability to favorite created characters and monsters.
• A DM related view, for campaign building.
• A built-in dice roller for taking turns, and more!

Sources

• MDN
• YouTube
• StackOverflow
• W3Schools

Contributors

• Andrew Miller
• Anthony Shellman
• Maya Kappen
• Nick Liggett

Project Specs

• The project spec & rubric can be found here
• The project repo can be found here