Task Management Web Application

Overview

This project is a web-based task management system that allows users to add, delete, and edit tasks with deadlines. The application is built using HTML, CSS, and JavaScript, providing a responsive and interactive user experience.

Features

• Add new tasks with deadlines
• Edit existing tasks
• Delete tasks
• Responsive design for mobile and desktop views
• Local storage for task persistence

Project Structure

task-manager-web
├── src
│   ├── index.html          # Main HTML document
│   ├── css
│   │   └── styles.css      # Styles for the application
│   ├── js
│   │   ├── main.js         # Main JavaScript logic
│   │   ├── ui.js           # User interface functions
│   │   └── storage.js      # Local storage management
│   ├── components
│   │   └── task-item.js    # Task item component
│   └── data
│       └── sample-tasks.json # Sample task data
├── .gitignore              # Git ignore file
├── package.json            # NPM configuration file
└── README.md               # Project documentation

Installation

1. Clone the repository:

   git clone <repository-url>
   

2. Navigate to the project directory:

   cd task-manager-web
   

3. Open src/index.html in your web browser to view the application.

Usage

• To add a task, fill in the task details and click the "Add Task" button.
• To edit a task, click on the task item and make the necessary changes.
• To delete a task, click the "Delete" button next to the task.

Contributing

Feel free to submit issues or pull requests for any improvements or bug fixes.

License

This project is licensed under the MIT License.