Skip to content

Latest commit

 

History

History
79 lines (53 loc) · 2.62 KB

File metadata and controls

79 lines (53 loc) · 2.62 KB

CodeAlpha Age Calculator

Live Demo | View Source Code


Overview

This is a simple yet robust Age Calculator web app built during the CodeAlpha Web Development Internship. It takes a user's date of birth and calculates their age in years, months, and days — with added features like birthday countdown, dark mode toggle, days and hours alive, and input memory.


Tech Stack

  • HTML — structure and input form
  • CSS — responsive styling and layout
  • JavaScript — age logic, validation, dynamic UI
  • Bonus: Manual Testing practices from TestarsQuarter QA Bootcamp

Screenshots

Screenshot 1 Screenshot 2 Screenshot 3
Screenshot 4 Screenshot 5 Screenshot 4

Features

  • Accepts valid birthdates
  • Calculates accurate age (years, months, days)
  • Handles edge cases (e.g., leap years, future dates)
  • Dark mode toggle
  • Copy age result to clipboard
  • Clear/Reset button for inputs and results
  • Displays total time lived in days, hours, and seconds
  • Auto-focuses inputs for seamless data entry
  • "Enter" key support for quick calculation
  • Saves last input using localStorage
  • Countdown to next birthday
  • Utilizes UTC for age calculation to ensure universal consistency and precision.
  • Fully tested using manual QA test cases (see TESTING.md)

Technical Details

UTC-Based Date Calculations: The application performs its core age and total time-lived calculations using Universal Coordinated Time (UTC). This design choice ensures that results are consistent globally, independent of the user's local timezone or Daylight Saving Time adjustments, providing precise and unambiguous measurements of time.


Testing

Testing inspired by real-life manual testing skills acquired from the TestarsQuarter Bootcamp

To view test cases, scenarios, and evidence: 📁 TESTING.md


👨🏽‍💻 Author

Joshua Kolawole (CA/JU3/3835)

  • BSc Physics
  • Web Development Intern @ CodeAlpha
  • QA Trainee @ TestarsQuarter
    🌐 LinkedIn | ✉️ Email

🏁 Project Status

  • Completed & submitted as Task 1 for CodeAlpha Internship
  • Ready for future improvements and make it useful to the world