sherryuser/cake-blow

🎂 Interactive Birthday Cake 🕯️ - Add and blow out candles using your microphone! Fun and engaging web app using HTML, CSS & JS. 🎉🎤

🎂 Interactive Birthday Cake Project 🎉

Overview

This Interactive Birthday Cake 🍰 project is a delightful web-based application hosted on GitHub Pages. Users can interactively add candles 🕯️ to a birthday cake and blow them out using their microphone, combining HTML, CSS, and JavaScript for a charming user experience.

Motivation

Inspired by a creative Instagram post (View Post), this project brings the joy of celebrating with a virtual cake to your screen.

Credits

The cake design was adapted from Fazlur Rahman's creation on CodePen (View Original Design).

Features

• Interactive Cake: Click to add candles 🕯️.
• Microphone Integration: Blow into your mic to extinguish candles 🎤.
• Candle Count: Watch the candle count change dynamically 🔢.
• Engaging UI: Engage with a user-friendly interface.

Accessing the Project

To experience the Interactive Birthday Cake, visit the GitHub Pages link: Interactive Birthday Cake

How to Use

1. Go to the provided GitHub Pages link.
2. Allow microphone access.
3. Click on the cake to add candles.
4. Blow into your device to blow out the candles.

Technologies

• HTML
• CSS
• JavaScript

License

This project is released under the MIT License. This means it can be used, modified, and distributed freely, as long as it is not used for commercial purposes.