Skip to content

AmriteshRaj123/Habbit-Maker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Habit Maker

Overview

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.

Features

  • 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.

Installation

To run this project locally, follow these steps:

  1. Clone this repository to your local machine.
  2. Navigate to the project directory in your terminal.
  3. Run npm install to install the necessary dependencies.
  4. Run npm start to start the development server.
  5. Open your web browser and go to http://localhost:3000 to view the application.

Usage

  1. Start by typing the habit you want to form in the input field.
  2. Press Enter or click the "Add Habit" button to add the habit to your list.
  3. Your habit will appear in the list below.
  4. As you progress with your habit, you can mark it as completed or delete it if you no longer wish to track it.

Technologies Used

  • 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.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

  1. Fork the repository.
  2. Create your feature branch (git checkout -b feature/YourFeature).
  3. Commit your changes (git commit -m 'Add some feature').
  4. Push to the branch (git push origin feature/YourFeature).
  5. Open a pull request.