This is a submission for Frontend Challenge - February Edition, Glam Up My Markup: Love Language Discovery
🚀 What I Built
I transformed the given markup into an interactive Love Language discovery experience that lets users explore how they best express and receive love. 💕 The goal was to make the interaction engaging, visually appealing, and smooth, while keeping the original structure intact. 😍
🎬 Demo
🔗 Live Preview
💻 Code Repository
💡 My Journey
🛠️ The Process:
- Enhanced the UI with aesthetic styling using CSS. 🎨
- Implemented smooth fade-in and fade-out animations for displaying messages dynamically. 💫
- Ensured each message disappears independently after a few seconds, even when another button is clicked. ⏳
- Added floating heart animations ❤️ and a soft pop sound effect for extra charm. 🔊
🔍 What I Learned:
- Fine-tuning animations for better user engagement.
- Handling multiple timed elements without overlap issues.
- Adding small details like sound and animations to make the experience feel alive.
🌟 Next Steps:
- Improving accessibility with better keyboard and screen reader support.
- Allowing users to share their results on social media.