Track your age in seconds and customize the app with light and dark modes!
The Age Tracker App is a simple React application that calculates and displays your age in seconds. It also lets you set your Date of Birth (DOB) and saves it in local storage so you can easily track your age every time you visit the app. Plus, you can switch between light and dark modes to suit your preference.
- π Calculate and display your age in seconds.
- π Set and save your Date of Birth (DOB) for future visits.
- ππ Toggle between light and dark modes for a personalized experience.
-
Clone this repository:
git clone https://github.com/notcoderguy/age-tracker.git
-
Navigate to the project directory:
cd age-tracker
-
Install dependencies:
pnpm install
-
Start the development server:
pnpm start
-
Open your web browser and go to
http://localhost:3000
to use the app.
- Launch the Age Tracker App.
- Set your Date of Birth (DOB) in the "Settings" section.
- Click the "Save DOB" button to save your DOB in local storage.
- Your age in seconds will be displayed on the main page.
- Use the "Light Mode" and "Dark Mode" buttons to toggle the app's theme.
The project follows a simple folder structure:
src/
contains the source code.components/
includes React components.App.js
is the main application component.index.js
is the entry point of the app.App.css
contains the app's styling.
Feel free to customize the app's styling by modifying the App.css
file or using your preferred styling approach.
The Age Tracker App uses the following dependencies:
- React
- Local storage for saving DOB
Contributions are welcome! If you have any ideas for improvements or feature enhancements, please create an issue or submit a pull request.
This project is open-source and available under the MIT License.