The latest articles on DEV Community by J JEMINA (@j_jemina_34626e8c28fb5c5e). https://dev.to/j_jemina_34626e8c28fb5c5e https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2875137%2F442f9e8f-f6a4-48b9-9f04-5be1ae8d84c6.png https://dev.to/j_jemina_34626e8c28fb5c5e en J JEMINA Mon, 17 Feb 2025 15:02:30 +0000 https://dev.to/j_jemina_34626e8c28fb5c5e/love-language-discovery-182a https://dev.to/j_jemina_34626e8c28fb5c5e/love-language-discovery-182a <p>What I Built:<br> I built a Love Language Discovery landing page where users can explore various love languages. The page features an animated sprinkle of hearts in the background and interactive buttons with hover effects to enhance the user experience.</p> <p>GitHub Repository:<br> You can view the source code here:<br> <a href="https://github.com/jjemina/feb.git" rel="noopener noreferrer">https://github.com/jjemina/feb.git</a></p> <p>Journey:<br> I enjoyed creating this landing page and learning about CSS animations. One of the challenges was implementing the heart sprinkle animation, but I found that using JavaScript and CSS keyframes made it much more dynamic. The biggest takeaway was experimenting with hover effects and making the page interactive.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjrpjdkabts2wz90z6wbq.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjrpjdkabts2wz90z6wbq.png" alt="Image description" width="800" height="297"></a></p> devchallenge frontendchallenge css javascript