Pet Age Calculator

Next.jsTailwind CSSDaisyUILucide ReactChart.js
A simple tool to calculate pet ages in human years based on veterinary guidelines.
Code Snippets
My Thoughts
🐾 Why I Built This
My kids kept asking how old our new kitten was “in human years.” I realized most charts out there are oversimplified or inconsistent so I built something better. This was also a perfect excuse to sharpen my front-end skills with a real-world use case.
⚔️ Challenges
- Creating a conversion logic that felt more accurate and dynamic than the usual "x7 rule."
- Making the UI feel fun and family-friendly without sacrificing clean code, responsiveness, and accessibility.
🌟 Proud Code
- The
calculatePetAge
function handles dogs and cats, supports both directions, and adjusts for dog size making it far more flexible than a basic chart. - The theme-aware UI built with Tailwind, DaisyUI, and Next.js showcases polished design and responsiveness across devices.