Habit Maker is a simple React application that allows users to create and track their habits. Users can input new habits they want to form, and the application will display them along with the progress made.
- Add new habits: Users can input new habits they want to form.
- Track habits: The application tracks the habits added by the user and displays them.
- Monitor progress: Users can see their progress for each habit they are tracking.
To run this project locally, follow these steps:
- Clone this repository to your local machine.
- Navigate to the project directory in your terminal.
- Run
npm install
to install the necessary dependencies. - Run
npm start
to start the development server. - Open your web browser and go to
http://localhost:3000
to view the application.
- Start by typing the habit you want to form in the input field.
- Press Enter or click the "Add Habit" button to add the habit to your list.
- Your habit will appear in the list below.
- As you progress with your habit, you can mark it as completed or delete it if you no longer wish to track it.
- React: A JavaScript library for building user interfaces.
- CSS: Cascading Style Sheets for styling the application.
- useState Hook: React hook used for managing state within functional components.
Contributions are welcome! If you'd like to contribute to this project, please follow these steps:
- Fork the repository.
- Create your feature branch (
git checkout -b feature/YourFeature
). - Commit your changes (
git commit -m 'Add some feature'
). - Push to the branch (
git push origin feature/YourFeature
). - Open a pull request.