This project is part of the Codevixens Frontend Development Challenge (Day 1). The goal is to build a simple yet functional age calculator using React JS, focusing on mastering state management and event handling.
- State Management: Utilizes React's
useStatehook to manage the input value and calculated age. - Event Handling: Handles user input and button click events to calculate the age.
- Responsive UI: Simple and user-friendly interface for entering birthdate and displaying the calculated age.
- Clone the repository:
git clone https://github.com/gideonagyage/age-calculator.git- Navigate to the project directory:
cd age-calculator- Install dependencies:
npm install- Start the development server:
npm start- Open your browser and navigate to
http://localhost:3000.- Input Field: Enter your birthdate.
- Submit Button: Click to calculate your age.
- Age Display: The calculated age is displayed below the form.
- Before Entering Birthdate
- After Entering Birthdate
Check out the live demo here.
Building this age calculator helped me enhance my understanding of React components, state management, and event handling. It was a great learning experience!
Feel free to fork this repository and submit pull requests. Any contributions are welcome!
This project is licensed under the MIT License.
- Codevixens for organizing the challenge.
- Chinaza Igboanugo, Lois Bassey, and Oyinkansola Shoroye for their contributions and guidance.
Feel free to customize it further to fit your needs! If you have any specific details you'd like to add or change, let me know.