The Age Gap Calculator

🤔
Playful meme related to turning 25

About

  • This silly app is a real-world exercise in software engineering for me as I study computer science and develop products for portfolio
  • For my first frontend projects, I hard-coded in plain HTML/CSS/JS. For this, I wanted to create a dashboard with modern frameworks and styling that is insightful and concise. I used Next.js, TypeScript, and Tailwind. Built in VS Code, deployed via Vercel
  • The central calculation driving this project is the “half your age plus seven” rule. I designed the entire dashboard and its supporting calculations around that concept. I chose to represent age as a rational number, such as 37.56 years, rather than a calendar format like 37 years, 5 months, and 24 days. I used the tropical year (365.2425 days) to compute precise fractional ages. From there, I made design decisions on a metric by metric basis, to display in a rational base 10 number system or the traditional calendar number system. For example, expressing an age as 25.72 years is more precise and compact than saying 25 years, 8 months, and 28 days. However, when showing how long until someone falls within an acceptable age range, a calendar based expression like 75 days feels more intuitive. Whether you prefer the fine granularity of the rational base 10 approach vs. the more natural sense of time in calendar terms, it was a fun exploration of data, development, and design