Task Management

The Task Management App is a simple web application that allows you to manage your tasks. You can create, edit, and delete tasks, set due dates, and mark tasks as completed. The app is built using HTML, CSS, and JavaScript, and it's designed to be responsive and store data locally so that your tasks persist even after refreshing the web page.

Installation

To run the Weather App on your local machine, follow these simple steps:

1. Clone the Repository:

   git clone https://github.com/gsrai2002/Task-Management.git
   

2. Navigate to the Project Folder:

   cd Task-Management
   

3. Open the App:

   • Open the task.html file in your web browser.

That's it! The Task Management App should now be up and running on your local machine.

Features

• Task Creation: Add a task with a title, description, and due date.

• Task Editing: Update task details, such as the title, description, and due date.

• Task Deletion: Remove tasks you no longer need.

• Task Completion: Mark tasks as completed by clicking a checkmark. Completed tasks are moved to the "Completed" tab.

• Completed Task Deletion: Delete completed tasks from the "Completed" tab.

• Persistent Data: Your task data is stored locally, so it remains available even after refreshing the web page.

Screenshot

Usage

1. Adding a Task:

   • Click the "Add Task" button.
   • Enter the task title, description, and due date.
   • Click "Save" to add the task.

2. Editing a Task:

   • Click the "Edit" button (pencil icon) next to the task you want to edit.
   • Update the task details.
   • Click "Save" to save the changes.

3. Deleting a Task:

   • Click the "Delete" button (trash can icon) next to the task you want to remove.

4. Completing a Task:

   • Click the checkmark icon to mark a task as completed. It will move to the "Completed" tab.

5. Deleting Completed Tasks:

   • In the "Completed" tab, click the "Delete" button next to a completed task to remove it.

6. Persistent Data:

   • Your task data is automatically saved locally, so you don't need to worry about losing your tasks.

Technologies Used

• HTML
• CSS
• JavaScript
• Local Storage for data persistence

Responsive Design

The app is designed to work seamlessly on both desktop and mobile devices. It adjusts its layout to fit various screen sizes for a consistent user experience.

Demo

Demo Link

Contributing

If you'd like to contribute to this project, feel free to fork the repository and submit pull requests with your changes.

Author

Ghanshyam Rai
Portfolio

Contact

For inquiries or feedback, please reach out to gsrai082002@gmail.com

Thank you for using the Task Management App!