/Age-Calculator-CA-

The Age Calculator App is a React application built with Vite that allows users to calculate their age in years, months, and days. It also features error handling for missing or invalid inputs and includes a night mode and day mode for enhanced user experience.

Primary LanguageJavaScriptMIT LicenseMIT

⚜️ AGE   CALCULATOR ⚜️


Preview

Overview

The Age Calculator App is a React application built with Vite that allows users to calculate their age in years, months, and days. It also features error handling for missing or invalid inputs and includes a night mode and day mode for enhanced user experience.

Table of Contents

Features

  • Calculate age in years, months, and days
  • Error handling for missing or invalid inputs
  • Night mode and day mode for UI customization

Screenshots

Light Mode Ui Night Mode Ui Light Mode Error Night Mode Error

Installation

01. Clone the repository:

git clone https://github.com/Bloivating-Major/Age-Calculator-CA-.git

02. Navigate to the Project Directory: Change your current directory to the project directory:

 cd '.\Age-Calculator-CA--main\'

03. Install Dependencies: Install the required dependencies for the project using npm or yarn:

npm install

04. Start the Developement Server:

npm run dev

This will open the application in your default web browser at http://localhost:3000.

Usage

Input your birthdate in the provided field, click on the "Calculate Age" button to see your age in years, months, and days. Toggle between night mode and day mode for different color themes.

Technologies

  • React
  • Vite
  • Tailwind CSS
  • JavaScript
  • CSS

Learning

  1. Understanding useState: Explored the useState hook in React to manage component state efficiently.
  2. Complex Logic Development: Implemented complex logic for age calculation and error handling, testing and debugging various scenarios.
  3. Flowchart-based Logic: Created logic using flowcharts to visualize the program's flow and optimize decision-making processes.
  4. Debugging Techniques: Learned effective debugging techniques to identify and fix errors in the program.

Contributing

Contributions are welcome! Please follow the guidelines outlined in Contributing.md

License

This project is licensed under the MIT License

Credits

  • Developer: Sambhav Wakhariya
  • Inspiration: This project is my first task as an intern at CodeAlpha Company

Contact

For any inquiries or feedback, feel free to reach out:

Make sure to update any other project-specific details as needed. This guide provides clear instructions for new users to clone the repository, install dependencies, start the Vite development server, and access and use the app locally.