Age-Calculator-App built with HTML, CSS and JavaScript😃🔥

Solution retrospective
Hello Frontend Mentor community👋🏾. This is my solution for the age-calculator-app 📱. Working with the JavaScript date object was a bit challenging but I also learnt so much through this challenge. I built the project using:
- 🚀HTML Semantic
- 🚀CSS flexbox
- 🚀Position Property
- 🚀Animations
- 🚀and JavaScript
I enjoyed the process of combining these technologies to create a functional age calculator app. I have learnt and practised working with animation:
and the @keyframe
as well as the js addEventListner()
and the dateObject.
beyond the challenge I've added:
- logic to calculate if it's user's birthday and dynamically display a happy birthday message🥳
- animated age counter 👨🏾💻
- and an animated birthday text(I just wanted to practise working with animations). For smaller screen sizes 📲, I've added
@media
query to handle the layout and styling. Feel free to leave me feedback.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Marley Semende's solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord