The Habit Tracker is a minimalist and intuitive application designed to help users develop and maintain good habits. With a simple interface and essential features, users can easily add, view, and track their habits on a daily basis.
- Add Habits: Users can easily add new habits with a specified name.
- View Current Habits: View a list of all current habits.
- Track Habits: Mark habits as completed for each day of the year.
- Persistent Storage: Utilizes
localStorage
to save habits and track progress.
- Node.js
- npm or yarn
-
Clone the repository:
git clone https://github.com/your-username/habit-tracker.git cd habit-tracker
-
Install dependencies:
Using npm:
npm install
Using yarn:
yarn install
To start the application in development mode:
Using npm:
npm start
Using yarn:
yarn start
Open your browser and navigate to http://localhost:3000
to see the application in action.
To build the application for production:
Using npm:
npm run build
Using yarn:
yarn build
The optimized and minified build will be in the build
directory.
- Enter the name of the habit in the input field.
- Click the "Start Tracking" button.
- The new habit will appear in the "Current Habits" section.
- Click on any habit name in the "Current Habits" section to view and track it.
- Check or uncheck the boxes corresponding to each day to mark the habit as completed or not.
habit-tracker/
├── public/
│ ├── index.html
│ └── ...
├── src/
│
├── components/
│ │ ├── AddHabit.jsx
│ │ ├── CurrentHabits.jsx
│ │ └── ViewHabit.jsx
│ ├── App.jsx
│ ├── index.css
│ ├── main.jsx
│ └── ...
├── .gitignore
├── package.json
├── README.md
└── ...
Contributions are welcome! If you have any suggestions or improvements, please submit a pull request or open an issue.
- Fork the repository.
- Create a new branch:
git checkout -b feature-name
. - Make your changes and commit them:
git commit -m 'Add new feature'
. - Push to the branch:
git push origin feature-name
. - Submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for more details.
For any inquiries or support, please reach out to:
- Name: Baber Khan
- GitHub: github.com/baberlabs