---

Interactive Storybook

An enchanting and interactive web storybook project built with HTML, CSS, and JavaScript.

🌟 Features

• Immersive Storytelling: Dive into a magical world with beautifully designed pages and animations.
• Interactive Elements: Engage with the story through clickable elements, hover effects, and background music.
• Dark Themed Design: A visually stunning dark mode experience with gradient backgrounds and soft shadows.
• Lumos Harry Potter Font: Adds a whimsical touch to the text, enhancing the storybook’s magical feel.

🚀 Getting Started

Prerequisites

• Web browser (latest version recommended)
• Basic knowledge of HTML, CSS, and JavaScript

Installation

1. Clone the repository:

   git clone https://github.com/LimitlessProgrammer/interactive-storybook.git

2. Navigate to the project directory:

   cd interactive-storybook

3. Open index.html in your browser to explore the storybook.

Usage

• Explore the Story: Navigate through the story using the interactive elements.
• Customize: Modify the HTML, CSS, and JavaScript files to personalize the storybook.

🎨 Customization

• Add New Chapters: Create new sections by copying the existing chapter structure in index.html.
• Change Fonts: Update the font styles in styles.css to give the story a different feel.
• Update Background Music: Replace the audio files in the media/ folder to change the ambiance.

📷 Screenshots

Main Page	Chapter 1	Chapter 2

💡 Inspiration

This project was inspired by classic storybooks and the desire to combine storytelling with modern web design techniques.

🙌 Contributions

Contributions, issues, and feature requests are welcome!

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

---