Habit Tracker ✔🐱‍👤 - hobiLoop.com

This project is a Habit Tracker built using React, allowing users to add habits and track their progress for seven days.

Features

  • Simple Interface: The interface is designed to be user-friendly and intuitive.
  • Add Habits: Users can add habits they want to track.
  • Track Progress: The app enables users to track their habit progress for seven days.

Getting Started

  1. Clone the repository:

    git clone https://github.com/your-username/Track-Habit.git
  2. Navigate to the project directory:

    cd habit-tracker
  3. Install dependencies:

    npm install
  4. Start the development server:

    npm start

Usage

  • Add Habits:
    • Click on the "Add Habit" button.
    • Enter the habit you want to track and press Enter.
  • Track Progress:
    • For each habit, there are checkboxes for each day of the week.
    • Click on the checkboxes to mark each day you completed the habit.
  • View Progress:
    • See your progress for each habit over the seven-day period.

Technologies Used

  • React
  • JavaScript
  • CSS

Check out live here 👉 hobiLoop.com

image image image