This project is a simple Task Tracker application built using React. It utilizes the useState
hook to manage the state of tasks in different categories - Todo's, In Progress, and Completed.
To get started with the Task Tracker Application, follow these steps:
-
Clone the repository:
git clone https://github.com/Ashok-Kumar-dharanikota/REACT-Mastery.git
Change into the project directory:
cd task-tracker-app
Install dependencies:
npm install
Run the application:
npm run dev
This will start the development server, and you can view the app in your browser at http://localhost:5173
The Task Tracker Application allows you to manage tasks in three different states:
- Todo's: Tasks that are yet to be started.
- Progress: Tasks that are currently in progress.
- Completed: Tasks that have been successfully completed.
Each task has a title and a description associated with it. You can easily add, move, and remove tasks between the different categories.
- Add Task: Click the "Add Task" button to create a new task. Provide a title and description for the task.
- Responsive Design: The application is designed to be responsive, ensuring a seamless experience across various devices.
- React
- useState hook for state management
The project structure is organized as follows:
- src/
-
- components/: React components used in the application.
-
- App.js: Main application component.
-
- App.css: Styling for the application.
If you'd like to contribute to the project, please follow the standard GitHub workflow:
- Fork the repository.
- Create a new branch for your feature or bug fix: git checkout -b feature-name.
- Make your changes and commit them: git commit -m 'Add new feature'.
- Push the changes to your fork: git push origin feature-name.
- Create a Pull Request.