Pet Age Calculator

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

  1. Creating a conversion logic that felt more accurate and dynamic than the usual "x7 rule."
  2. Making the UI feel fun and family-friendly without sacrificing clean code, responsiveness, and accessibility.

🌟 Proud Code

  1. The calculatePetAge function handles dogs and cats, supports both directions, and adjusts for dog size making it far more flexible than a basic chart.
  2. The theme-aware UI built with Tailwind, DaisyUI, and Next.js showcases polished design and responsiveness across devices.