🪄 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]