This is a simple JavaScript application that uses data from an external API (DnD 5e) and displays named buttons for the user to click to view the spell's details. Alternatively, the user can search for any spell by name in the search bar to view its details.
This app is written in vanilla JS and CSS, so files can be opened directly in the browser with no extra building step needed. During development, make sure the html files link to the .css and .js files in the src/ directory rather than dist/. Edit src/ files, minify .css and .js files using Minify or Toptal JS/Toptal CSS, replace the .css and .js files in dist/ with the newly minified files, and relink to these files in the html files before deploying.
Merge development branch with gh-pages branch to deploy to GitHub pages.
- HTML5
- CSS3
- JavaScript (ES6)
- Fetch polyfill
- Promise polyfill
- DnD 5e API
This website loads information directly from the DnD 5e API.