Final Project for Front End Web Tech 410/510 - Summer 2020 Authors: Sarah Kim & Liam Rotchford
Convert 5th edition Dungeons and Dragons data into a online reference guide. Allowing Dungeon masters to quickly locate information or to send to newer players for quickly accessible learning. Its our hope that this project organizes the data in a fluidly understandable format for our user and players.
PDX Web Hosting:
Github Pages:
Languages
- HTML
- CSS
- Javascript
- JSX
Frameworks
- Flexbox
- Bootstrap
Libraries
- React, ReactDOM, React Transition Group
- Chart.js
- Popper.js
Documentation
- https://www.dnd5eapi.co/docs/
- https://reactjs.org/
- https://www.chartjs.org/docs/latest/
- https://getbootstrap.com/docs/4.5/getting-started/introduction/
- https://hackerthemes.com/bootstrap-cheatsheet/
- https://www.w3schools.com/
- https://developer.mozilla.org/en-US/
- https://css-tricks.com/snippets/css/a-guide-to-flexbox/
- https://webaim.org/resources/contrastchecker/
- https://www.colorhexa.com/
- https://wave.webaim.org/extension/
Helpful Tips and Tutorials
- https://www.pluralsight.com/guides/executing-promises-in-a-react-component
- https://www.robinwieruch.de/react-state-array-add-update-remove
- https://reactcommunity.org/react-transition-group/css-transition
- https://blog.bitsrc.io/animating-reactjs-with-react-transition-group-2af6c87cab0c
- https://codepen.io/Sp00ky/pen/akVkyV