Skip to content

πŸš€Live Age Tracker - Track your age in realtime! πŸ•’βœ¨ Switch between light 🌞 and dark 🌚 modes. Simple & fun!

License

Notifications You must be signed in to change notification settings

notcoderguy/age-tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

14 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Age Tracker App πŸ•’πŸŽ‰

Age Tracker App

Track your age in seconds and customize the app with light and dark modes!

Overview πŸ“

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.

Features 🌟

  • πŸ•’ 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.

Installation and Usage πŸš€

  1. Clone this repository:

    git clone https://github.com/notcoderguy/age-tracker.git
  2. Navigate to the project directory:

    cd age-tracker
  3. Install dependencies:

    pnpm install
  4. Start the development server:

    pnpm start
  5. Open your web browser and go to http://localhost:3000 to use the app.

How to Use πŸ€“

  1. Launch the Age Tracker App.
  2. Set your Date of Birth (DOB) in the "Settings" section.
  3. Click the "Save DOB" button to save your DOB in local storage.
  4. Your age in seconds will be displayed on the main page.
  5. Use the "Light Mode" and "Dark Mode" buttons to toggle the app's theme.

Project Structure πŸ“‚

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.

Customize 🎨

Feel free to customize the app's styling by modifying the App.css file or using your preferred styling approach.

Dependencies 🧩

The Age Tracker App uses the following dependencies:

  • React
  • Local storage for saving DOB

Contributions 🀝

Contributions are welcome! If you have any ideas for improvements or feature enhancements, please create an issue or submit a pull request.

License πŸ“„

This project is open-source and available under the MIT License.

About

πŸš€Live Age Tracker - Track your age in realtime! πŸ•’βœ¨ Switch between light 🌞 and dark 🌚 modes. Simple & fun!

Resources

License

Stars

Watchers

Forks