/Age_Finder

This repository contains a simple React application for calculating age based on the user's date of birth and a selected date. It includes functionality to handle user input, perform age calculation, and display the result using React components. The application provides feedback to the user through toast notifications, indicating success or error

Primary LanguageTypeScript

Age Calculator

This Age Calculator is a simple React application built inside Next.js. It is designed to calculate the age of a person based on their date of birth and a selected date, providing accurate age calculations in years, months, days, hours, minutes, and seconds.

Features

  • Date Input: Users can input their date of birth and select another date to calculate their age difference.
  • Accurate Calculation: The application precisely calculates the age difference between the two selected dates in years, months, days, hours, minutes, and seconds.
  • Error Handling: Provides error messages for invalid date inputs and ensures proper validation of date ranges.
  • Interactive UI: The interface allows users to input dates easily and view the calculated age difference.
  • Responsive Design: The application is built with a responsive design, ensuring compatibility and optimal viewing experience across various devices.

Technologies Used

  • Next.js: The application is built using Next.js, a React framework for server-side rendering, static site generation, and more.
  • React: Next.js is built on top of React, a popular JavaScript library for building user interfaces.
  • React Toastify: Toast notifications are implemented using the React Toastify library to provide feedback to the user.
  • Tailwind CSS: The styling is done using Tailwind CSS, a utility-first CSS framework, allowing for rapid development and easy customization.

Usage

  1. Clone the repository to your local machine.
  2. Navigate to the project directory.
  3. Install dependencies using npm install.
  4. Start the development server with npm run dev.
  5. Access the application in your browser at http://localhost:3000.

Live Demo

Check out the live demo here.