🏰 Hogwarts School of Witchcraft and Wizardry – Website #A themed interactive web project inspired by the Harry Potter universe, built to strengthen my web development fundamentals while focusing on creativity, structure, and user interaction.
#📌 Project Overview #The Hogwarts School Website is a fictional, interactive website that simulates: A magical school environment Student onboarding experiences Wizarding choices such as wand and patronus selection This project combines storytelling + technical implementation, moving beyond a static website.
#🛠️ Technologies Used #HTML5 – semantic structure and forms #CSS3 – layout, design, and magical theme styling #JavaScript – logic, interactivity, and user input handling
#✨ Key Features #🪄 Wand Selection System Users can select a wand, simulating a wizard–wand pairing experience. #🐾 Patronus Selection Allows users to choose a patronus, adding personalization and interactivity. #📝 Hogwarts School Admission Form An interactive form where users fill in student details, similar to a real admission process. #🏰 Themed UI inspired by the Hogwarts universe #📱 Basic responsive design #🎨 Custom styling for an immersive magical feel
#🎯 What I Learned #This project helped me understand: Handling user input through forms Managing interactive choices using JavaScript Structuring larger front-end projects Connecting logic with UI elements Designing projects with identity and uniqueness, not just functionality
#🚀 Future Enhancements Smarter selection logic for wand & patronus Improved animations and transitions Better mobile responsiveness Backend/database integration (future scope)
#📂 How to Run the Project #Clone the repository #Open index.html in any modern browser #Interact with the magical features 🧙♂️
#📖 Disclaimer #This project is created solely for educational and practice purposes. #All Harry Potter–related names and references belong to their respective owners.
#👨💻 Author #Omkar Mhatre #Computer Science Engg.(Data Science) Student