This is a side project that when looking at a d&d monster will suggest good spells to fight against it. Used to refresh react and get a chance to use GraphQL and Hooks.
Not even close! Here's a list of to dos more or less by order:
- Write basic unit tests
- Add Loading animation (on first load)
- Fix background color (so that it occupies the whole screen on loading)
- Add empty state for when no spells are on the list (image)
- Add loading animation (for spells fetching)
- Make design for spell card more consistent (fix the names that spill into two lines)
- Add a search for Monster
- Add a filter for Monster Type
- Add filter for spells types in modal
- Add a spells search in modal
- Renaming components to more closely match what they are
- Add memoisation in Modal Components
- Look into windowing technics for the monster list
And here's a list of ideas that I think I will continue working on for the future!
- When clicking a spell in the modal, open a modal focused on the spell. The lists that will be shown are monsters that have vunerabilities, immunities and resistances to the picked spell type.
IE is a no-go :(
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.