⚡ Potterverse

Click to enter world of Magicians

Potterverse is a Harry Potter themed web application where users can explore and search magical data like characters, spells, potions, books, and movies.

The project uses HTML, CSS, JavaScript, local JSON files, and the PotterDB API to display magical information in an interactive way.

✨ Features

• Search Harry Potter data by category
• Categories include:
  • Characters
  • Spells
  • Potions
  • Books
  • Movies
• Dynamic search result page
• Detailed information page for selected items
• Responsive magical UI theme
• Load more cards on the homepage
• Fallback image support when image data is missing

🛠️ Tech Stack

• HTML
• CSS
• JavaScript
• PotterDB API
• JSON data files

📁 Project Structure

Potterverse/
│
├── index.html
├── app.js
├── style.css
│
├── characters.json
├── spells.json
├── potions.json
│
├── SearchQuery/
│   ├── search.html
│   ├── search.js
│   └── search.css
│
└── dataCatch/
    ├── showdetail.html
    ├── detail.js
    └── detail.css