🎤 Voice-Inauguration 🎉

An interactive voice-controlled web experience for opening ceremonies and events.
This project uses HTML, CSS, and JavaScript to create an engaging inauguration where voice commands control various elements like opening a curtain, flipping a card, triggering confetti, and playing a cheer sound.

🚀 Features

• Voice Command Activation – Uses the system microphone to recognize and execute predefined commands.
• Button-Triggered Recognition – Users must first click the "Power of V" button to enable voice commands, preventing background noise interference.
• Curtain Control – Say "Open the curtain" to reveal the event.
• Meeting Start with Confetti – Say "Start the meeting" to flip a card, display event details, pop confetti, and play a cheer sound.
• Interactive Event Card – Displays event details on the front and judges' names on the back.
• Personalized Greeting – Say "Hi, I am [your_name]" and receive a custom greeting.
• Event Explanation – Ask "Why are we here?", and the system will respond with the event’s purpose.

---

🎥 Demo

https://harshgoyal2702.github.io/voice-Inaugration/

---

📥 Installation

To run this project locally:

1. Clone the repository

   git clone https://github.com/HarshGoyal2702/voice-Inauguration.git
   

2. Navigate into the project folder

   cd voice-Inauguration
   

3. Open index.html in your browser

Simply double-click index.html, OR

Use a local server: ```bash

    npx live-server

(Requires Node.js and live-server installed.)

---

🎙 How to Use

1. Launch the application by opening index.html in a browser.

2. Click the "Power of V" button to activate voice recognition.

3. Speak one of the predefined commands (see below).

---

🗣 Voice Commands

⚠️ Important: Voice commands work only after clicking the "Power of V" button to avoid unintended activations.

---

🎨 Customization

You can modify the following:

Event Details & Judges' Names: Edit index.html where the event card content is defined.

Voice Responses: Customize messages in script.js.

CSS Styling: Modify style.css to change animations, fonts, colors, etc.

Sound Effects: Replace cheer.mp3 with your own audio file in the sounds/ folder.

---

🛠 Technologies Used

HTML5 – Structure

CSS3 – Styling & Animations

JavaScript – Functionality

Web Speech API – Voice recognition

Canvas Confetti – Confetti effect

---

🤝 Contributing

Contributions are welcome! To contribute:

1. Fork the repository

2. Create a new branch (feature-new-command)

3. Commit your changes

4. Push to your fork

5. Submit a pull request

---

📜 License

This project is licensed under the MIT License. Feel free to use, modify, and distribute it.

---

📞 Contact

For questions or suggestions, feel free to reach out via:

GitHub: @HarshGoyal2702

Email: [email protected]

---

🙌 Acknowledgments

Web Speech API - MDN Docs

Confetti Effect - Canvas-Confetti

Inspiration & Idea - Your creativity! 🚀

---