https://github.com/randillasith/birthday-bliss
animated birthday celebration website with countdown, candle blowing, floating hearts, and a dreamy starry-night wish. Perfect for surprising someone special — no frameworks, just love and JavaScript.
https://github.com/randillasith/birthday-bliss
birthday celebrate code css html javascript js love lovely wish
Last synced: 2 months ago
JSON representation
animated birthday celebration website with countdown, candle blowing, floating hearts, and a dreamy starry-night wish. Perfect for surprising someone special — no frameworks, just love and JavaScript.
- Host: GitHub
- URL: https://github.com/randillasith/birthday-bliss
- Owner: randillasith
- License: mit
- Created: 2025-07-09T06:55:43.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2026-01-11T15:46:27.000Z (5 months ago)
- Last Synced: 2026-01-11T18:48:02.838Z (5 months ago)
- Topics: birthday, celebrate, code, css, html, javascript, js, love, lovely, wish
- Language: HTML
- Homepage: https://randillasith.github.io/birthday-bliss/
- Size: 7.76 MB
- Stars: 8
- Watchers: 0
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🎂 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](https://github.com/heshuyue/love-code)
---
## 🤖 AI & Tools Used
- ✨ [ChatGPT](https://chat.openai.com) – for conceptualization, code generation, and UX writing
- 🧠 [DeepSeek](https://github.com/deepseek-ai) – for additional AI-powered enhancements
- 🎨 [Google Fonts](https://fonts.google.com) – for beautiful typography
- 🖼️ Hosted via **GitHub Pages** for free and public access
---
## 🚀 How to Use
1. **Clone or Download** this repo:
```bash
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/](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](https://github.com/heshuyue/love-code)
- AI support and generation via **ChatGPT** and **DeepSeek**