Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/samarthghag/diwali-celebration
Happy Diwali to Everyone
https://github.com/samarthghag/diwali-celebration
animation css diwali html js
Last synced: 2 days ago
JSON representation
Happy Diwali to Everyone
- Host: GitHub
- URL: https://github.com/samarthghag/diwali-celebration
- Owner: samarthghag
- Created: 2024-10-31T06:38:06.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-10-31T06:47:49.000Z (about 2 months ago)
- Last Synced: 2024-12-20T13:26:31.780Z (2 days ago)
- Topics: animation, css, diwali, html, js
- Language: CSS
- Homepage: https://diwali-celebration.vercel.app
- Size: 8.79 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Diwali Celebration Web App
## Overview
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.
## Features
- **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.
## Technologies Used
- **HTML**: Structure of the web application.
- **CSS**: Styling and animations for a festive look.
- **JavaScript**: Interactivity and dynamic content generation.
## Getting Started
To run the application locally, follow these steps:
1. **Clone the repository**:
```bash
git clone https://github.com/yourusername/diwali-celebration.git
cd diwali-celebration
```
2. **Open the `index.html` file** in your web browser:
```bash
open index.html
```
## Usage
1. Enter your name in the input field.
2. Select your preferred language from the dropdown menu.
3. Click the "Celebrate Diwali" button to see your personalized greeting and enjoy the animations.
4. Click on the gift box to reveal surprise messages.
## Customization
You can customize the following aspects of the application:
- **Messages**: Modify the greetings and jokes in the `script.js` file.
- **Styles**: Change colors and animations in the `styles.css` file.
- **Animations**: Adjust the number of diyas, fireworks, and rangoli patterns in the `script.js` file.
## Contributing
Contributions are welcome! If you have suggestions for improvements or new features, feel free to open an issue or submit a pull request.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
## Acknowledgments
- Special thanks to the creators of the libraries and resources used in this project.
- Happy Diwali to everyone celebrating!