Back to Developer Roadmap

Age Calculator

src/data/projects/age-calculator.md

4.01.2 KB
Original Source

The goal of this project is to help you learn about how to use external packages using npm. The user inputs their birthdate via a JavaScript Datepicker, and the app calculates and displays their exact age, including years, and months using Luxon.

Requirements

You are required to develop an age calculator with the following features:

  • A form that allows users to input their birthdate using a JavaScript datepicker (avoid the default HTML date picker)
  • Use the Luxon library to calculate the exact age in years, months, and days
  • Display the result on the same page after the user submits the form
  • Implement basic validation to ensure the birthdate is valid
  • Use simple styling to make the calculator visually appealing and responsive
<hr />

This project will help you understand how to manipulate dates and times in JavaScript using Luxon. You'll gain experience handling user input via a datepicker, performing date calculations, and designing a simple user interface.