DnD Class Guide :mage:
Project Description
DnD Class Guide is for beginner players that need a class reference for 5e DnD. It attempts to showcase each class with a simple and modern look with fluid navigation. On the home page, the available classes in 5e DnD are loaded into view. The user is able to click any class and navigate to the details page. From the details page, the user can click a link to additional, off-site information about the class or, click the "DnD Class Guide" header at the top of the page to navigate back to the home page.
Future improvements will include additional class information for added depth and mobile responsiveness.
Technologies
React, JavaScript, CSS, HTML, API: https://open5e.com/, Figma, Netlify
Screen Captures of Current Version
Getting Started/Installation Instructions:
Launch the website via https://warm-selkie-a2ebf0.netlify.app/
Wireframes
Home page wireframe
Character detail wireframe
Lofi wireframe prototype (clickable)
MVP User Stories
- As a user, I want to see all the class types in an organized and predictable method so that I can easily find one.
- As a user, I would like to have visuals, so that I can select a class that appeals to my personality.
- As a user, I want simple and intuitive navigation without many screens so that I can browse quickly and directly to the content that I want to research.
Stretch MVP User Stories
- As a user, I would like to see more data about the classes, so that I do not have to navigate to another source for additional information.
- As a user, I would like a mobile friendly version, so that I can view the app on the fly while playing with friends.
API
https://open5e.com/ was used to fetch DnD class data used in the app. The specific end point used was https://api.open5e.com/classes/
API data example
"next": null,
"previous": null,
"results": [
{
"name": "Barbarian",
"slug": "barbarian",
"hit_dice": "1d12",
"hp_at_1st_level": "12 + your Constitution modifier",
"hp_at_higher_levels": "1d12 (or 7) + your Constitution modifier per barbarian level after 1st",
"prof_armor": "Light armor, medium armor, shields",
"prof_weapons": "Simple weapons, martial weapons",
"prof_tools": "None",
"prof_saving_throws": "Strength, Constitution",
"prof_skills": "Choose two from Animal Handling, Athletics, Intimidation, Nature, Perception, and Survival",
"equipment": "You start with the following equipment, in addition to the equipment granted by your background: \n \n* (*a*) a greataxe or (*b*) any martial melee weapon \n* (*a*) two handaxes or (*b*) any simple weapon \n* An explorer's pack and four javelins",Component Hierarchy
