🎂 Birthday Celebration Web Experience

A beautiful, interactive, and magical birthday celebration website — complete with a live countdown, floating hearts, glowing candles you can blow out, and a starry-night wish scene. Designed for a unique and heartfelt surprise.

---

🌟 Features

• ⏳ Live countdown to the birthday moment
• ❤️ Heartbeat-style canvas animation
• 🎂 Click or blow-out candles with microphone detection
• 🌌 Final wish message under a starry night sky
• 📸 Auto-playing image slideshow and gallery view
• 🔊 Optional background birthday music
• 📱 Fully responsive and optimized for mobile & desktop

---

🛠️ Built With

• HTML5, CSS3, JavaScript (vanilla)
• Custom canvas and animation logic
• 🎨 Inspired by:
  💖 heshuyue/love-code

---

🤖 AI & Tools Used

• ✨ ChatGPT – for conceptualization, code generation, and UX writing
• 🧠 DeepSeek – for additional AI-powered enhancements
• 🎨 Google Fonts – for beautiful typography
• 🖼️ Hosted via GitHub Pages for free and public access

---

🚀 How to Use

1. Clone or Download this repo:

   git clone https://github.com/randillasith/birthday-bliss.git

2. Add your images to the /img folder (e.g., img1.jpg, img2.jpg, etc.)
3. Replace any placeholder texts in index.html and cake.html with your personal message.
4. Commit and push your changes to GitHub.
5. Enable GitHub Pages from the repository’s Settings to get a public URL.
6. Share the magic with your loved ones 💖

---

📷 Demo Preview

You can view a working example here:
👉 https://birthday-bliss.ddns.net/

---

📄 License

This project is open source and free to use under the MIT License.
Please keep credits for original sources and contributors.

---

❤️ Credits

• Original heart animation base by @heshuyue
• AI support and generation via ChatGPT and DeepSeek