Hogwarts Spellbook

Hogwarts Spellbook

Hogwarts Spellbook

Harry Potter–Themed Interactive Web App with User Authentication & Dynamic UI

Harry Potter–Themed Interactive Web App with User Authentication & Dynamic UI

2025

2025

Project Details

Project Name

Hogwarts Spellbook

Client

Carlos Astorga

Year

2025

Services

Web Design

Duration

8 weeks

Harry Potter–Themed Interactive Web App with User Authentication & Dynamic UI

Harry Potter–Themed Interactive Web App with User Authentication & Dynamic UI

Harry Potter–Themed Interactive Web App with User Authentication & Dynamic UI

Challenge
Challenge

Create a full-stack web application that integrates user authentication, a dynamic interface, and database-driven features, all while delivering an immersive, themed user experience.

Create a full-stack web application that integrates user authentication, a dynamic interface, and database-driven features, all while delivering an immersive, themed user experience.

Goal
Goal

Develop a responsive Harry Potter–themed platform where users can create accounts, personalize their Hogwarts house, manage their profile, and interact with a spells database through full CRUD functionality.

Develop a responsive Harry Potter–themed platform where users can create accounts, personalize their Hogwarts house, manage their profile, and interact with a spells database through full CRUD functionality.

Result
Result

Delivered a fully functional web application featuring login/registration, a house-adaptive UI, a music widget, and a custom database that stores user profiles and spells. The spells page supports viewing, adding, editing, and deleting entries, with spell containers dynamically changing color by type. Users can update their personal information and house selection at any time, with the interface instantly adapting, creating a polished, interactive, and personalized Hogwarts experience.

Delivered a fully functional web application featuring login/registration, a house-adaptive UI, a music widget, and a custom database that stores user profiles and spells. The spells page supports viewing, adding, editing, and deleting entries, with spell containers dynamically changing color by type. Users can update their personal information and house selection at any time, with the interface instantly adapting, creating a polished, interactive, and personalized Hogwarts experience.

Create a free website with Framer, the website builder loved by startups, designers and agencies.