Cat Age Calculator
Tech Stack
Code & Live Demo
project overview
The Cat Age Calculator is a user-friendly web application designed to convert a cat’s age into its human equivalent. By utilising a predetermined life expectancy ratio, the application provides users with an easy way to understand their pet’s age in human years.
Built with fundamental web technologies—HTML, CSS, and JavaScript—the application ensures a seamless user experience. The interface is simple yet engaging, allowing users to input their cat’s age and instantly receive the corresponding age in human years. The application is fully responsive, ensuring it performs well across various devices and screen sizes.
what I did
For the visual design, I employed CSS with a focus on maintainability and reusability. CSS classes involved design elements like text, colours, background images, for a clean design.
I wrote modular JavaScript code to take the user input, apply the life expectancy ratio, and calculate the equivalent human age. This logic was implemented using mathematical formulas with range restrictions.
Additionally, I incorporated a fun API to provide interesting cat facts that are fetched from the Cat Facts API each time the page is refreshed.
summary
Overall, it was a useful project to explore if statements and API integration. And now I have a fun way of showing people their cat’s age and a fun fact!
The project not only fulfills its intended purpose but also demonstrates my ability to create functional, visually appealing, and technically sound web applications using core web technologies.
Developed with ♥ by Ray Brown