❤️ Code of Love

Live Demo: https://code-of-love-gamma.vercel.app/

A heart drawn with code, animated with emotion.

🌟 About the Project

This is an interactive heart animation built with pure HTML, CSS, and JavaScript.

When the user clicks the “Press Me” button:

1. Background music starts playing
2. A heart is drawn step-by-step in real time
3. Firework-style confetti bursts randomly across the screen
4. Colorful mini hearts fill the screen
5. The user can erase the screen using a magic sponge
6. As they erase, a glowing heart with the message “I LOVE YOU” is revealed

The animation is fully responsive and optimized for both desktop and mobile devices.

---

🎥 Preview

---

🛠️ Built With

• HTML5 Canvas API
• Vanilla JavaScript
• CSS3
• Canvas Confetti

---

🚀 Live Experience

👉 Click here to open the interactive heart

---

📦 Installation (Developer Guide)

Clone the repository and open the index.html file in your browser:

git clone https://github.com/YOUR_USERNAME/code-of-love.git
cd code-of-love

# Open index.html with any browser

💡 Inspiration

This project is a reminder that code can be romantic too.
Sometimes, the most meaningful messages are written not in letters — but in functions, loops, and pixels.

A simple but magical interaction to surprise someone you care about.

---

🐍 Bonus: Draw the Heart Locally with Python Turtle

If you'd like to draw a simple heart locally using Python and Turtle graphics, it is included a basic version of the animation in the src/app.py file.

Just run this file on your local machine:

python src/app.py

---

📄 License

This project is open-source and free to use.
You’re welcome to adapt it, remix it, or send it to someone special. 💌

---

No build tools or frameworks required. Just HTML and love.

---

Made with ❤️, pixels, and a little magic.

🚀 Follow Me for More Updates

Stay connected and follow me for updates on my projects, insights, and tutorials:

• LinkedIn: Connect with me professionally to learn more about my work and collaborations

• Medium: Check out my blog for articles on technology, data science, and more!

Feel free to reach out or follow for more updates! 😊 Have Fun!