This project is a festive web application designed to celebrate Diwali, the festival of lights. It features interactive elements such as animated diyas, fireworks, and personalized messages based on user input. The application is built using HTML, CSS, and JavaScript, providing a vibrant and engaging user experience.
- Interactive Greeting: Users can enter their name and select a language to receive a personalized Diwali greeting.
- Animations: The app includes animated diyas, fireworks, and rangoli patterns to enhance the festive atmosphere.
- Surprise Messages: Clicking on the gift box reveals surprise messages and additional animations.
- Responsive Design: The application is designed to be mobile-friendly, ensuring a good experience on various devices.
- HTML: Structure of the web application.
- CSS: Styling and animations for a festive look.
- JavaScript: Interactivity and dynamic content generation.
To run the application locally, follow these steps:
-
Clone the repository:
git clone https://github.com/yourusername/diwali-celebration.git cd diwali-celebration -
Open the
index.htmlfile in your web browser:open index.html
- Enter your name in the input field.
- Select your preferred language from the dropdown menu.
- Click the "Celebrate Diwali" button to see your personalized greeting and enjoy the animations.
- Click on the gift box to reveal surprise messages.
You can customize the following aspects of the application:
- Messages: Modify the greetings and jokes in the
script.jsfile. - Styles: Change colors and animations in the
styles.cssfile. - Animations: Adjust the number of diyas, fireworks, and rangoli patterns in the
script.jsfile.
Contributions are welcome! If you have suggestions for improvements or new features, feel free to open an issue or submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.
- Special thanks to the creators of the libraries and resources used in this project.
- Happy Diwali to everyone celebrating!