Goal Tracking System - React.js

Welcome to the Goal Tracking System repository built with React.js! This simple web application allows you to track your goals by adding and deleting them in a user-friendly way. It also provides validation to ensure that you don't add empty goals.

Table of Contents

• Features
• Demo
• Getting Started
  • Prerequisites
  • Installation
• Usage
• Contributing
• License

Features

• Add new goals by simply providing a goal description.
• Delete goals by clicking on the goal list item.
• Visual feedback for empty goal input:
  • Label color changes to red.
  • Input background color changes to salmon.

Demo

You can try out the Goal Tracking System by visiting the live demo here.

Getting Started

Follow these instructions to get the project up and running on your local machine.

Prerequisites

Before you begin, ensure you have met the following requirements:

• Node.js installed on your machine.

Installation

1. Clone the repository to your local machine:

   git clone https://github.com/msafeerhussain/Goal-tracker.git

2. Navigate to the project directory:

   cd goal-tracking-system

3. Install the necessary dependencies using npm or yarn:

   npm install
   # or
   yarn install

Usage

1. Start the development server:

   npm start
   # or
   yarn start

2. Open your web browser and visit http://localhost:3000 to access the Goal Tracking System.

3. Start adding your goals, and enjoy tracking your progress!

Contributing

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

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and commit them with descriptive commit messages.
4. Push your changes to your fork.
5. Submit a pull request to the main repository.

License

This project is licensed under the MIT License.