Submitted almost 2 years agoA solution to the Age calculator app challenge
Age-Calculator-App built with HTML, CSS and JavaScript😃🔥
@Marley-Semende

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
@mediaquery to handle the layout and styling. Feel free to leave me feedback.
Code
Loading...
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