Skip to content

A magical web experience where you can cast spells from the Harry Potter universe with stunning visual effects and animations.

Notifications You must be signed in to change notification settings

codemuggle09/WizLang

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

Harry Potter Interactive Spellbook

A magical web experience where you can cast spells from the Harry Potter universe with stunning visual effects and animations.

Features

  • 9 Interactive Spells: Lumos, Nox, Protego, Expelliarmus, Stupefy, Herbivicus, Glacius, Incendio, and Finite Incantatem
  • Magical UI: Floating wand, sparkle cursor trails, and Hogwarts-themed design
  • Visual Effects: Screen shake, particle effects, animated shields, fire, ice, and growing vines
  • Sound Effects: Dynamic audio generated with Web Audio API
  • Responsive Design: Works on desktop and mobile devices

How to Use

  1. Open index.html in your web browser
  2. Click on any spell card to cast the spell
  3. Watch as magical effects fill your screen
  4. Use "Finite Incantatem" to clear all active effects

Technologies Used

  • HTML5
  • CSS3 (Animations, Grid, Flexbox)
  • JavaScript (ES6+)
  • Anime.js for smooth animations
  • Web Audio API for spell sounds
  • Google Fonts

Live Demo

https://wiz-lang.vercel.app/

Spells Available

  • Lumos ✨ - Illuminates the screen
  • Nox 🌙 - Extinguishes light
  • Protego 🛡️ - Creates protective shield
  • Expelliarmus ⚡ - Launches red sparks
  • Stupefy 🌪️ - Stuns with blast effect
  • Herbivicus 🌿 - Grows magical vines
  • Glacius ❄️ - Freezes with ice overlay
  • Incendio 🔥 - Creates fire effects
  • Finite Incantatem 🔮 - Clears all effects

About

A magical web experience where you can cast spells from the Harry Potter universe with stunning visual effects and animations.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages