πͺ SpellsForDays Public API Consumer Project β December 2025
Your screenshot here showing the UI on mobile or desktop. π Overview SpellsForDays is a web app that fetches spells from the Open5e API. Users can select a class, generate random spells, and save them to a collapsible spellbook. Focus: mobile-first design, responsive layout, and smooth interactions.
β Features Must-Have (Completed) Fetch external data from Open5e API. Trigger data fetching via button click. Mobile-first responsive UI with consistent spacing. CSS variables for colors. Versioned with Git. Could-Have (Completed / Partial) Collapsible spellbook that expands/collapses. Save spells using localStorage. Responsive behavior for mobile, tablet, desktop. Simple CSS transitions for spellbook expansion.
π How to Use Select a class from the dropdown. Click "Let's Make Bad Decisions!" to generate a spell. Click "Save to Spellbook" to add it. Toggle spellbook using the spellbook button. Saved spells persist between sessions thanks to localStorage. π Technologies HTML5 / CSS3 (with variables and media queries) JavaScript (ES6) Open5e Public API
π Project Structure /SpellsForDays ββ index.html ββ style.css ββ script.js ββ README.md
β¨ Future Improvements Add search/filter for spells. Integrate multiple APIs (monsters, items). More polished animations for cards and spellbook. Deploy on GitHub Pages.
π€ Author [EmmaRask]