Task Manager Web App Live

Task Manager App

This web application is designed to help you manage your tasks effectively. It's built using HTML, CSS, JavaScript, Bootstrap, and Particle.js. The app provides CRUD (Create, Read, Update, Delete) functionality for tasks, allowing you to add, edit, change status, and delete tasks. Additionally, the app supports search, filter, and sort operations within the task table.

Features

• Create Task: Add new tasks with a title, description, and due date.

• Edit Task: Modify existing tasks to update their title, description, or due date.

• Change Task Status: Mark tasks as complete or pending to keep track of their progress.

• Delete Task: Remove tasks that are no longer needed.

• Search: Quickly find tasks by searching for keywords.

• Filter: Filter tasks based on their status (complete/pending) or other attributes.

• Sort: Sort tasks by due date, status, or any other relevant criteria.

Technologies Used

• HTML: Markup language used for structuring the web app's content.

• CSS: Stylesheets to enhance the app's visual appearance and layout.

• JavaScript: Programming language used to add interactivity and dynamic behavior.

• Bootstrap: CSS framework for responsive and mobile-first design.

• Particle.js: Library for creating interactive and animated backgrounds.

Getting Started

1. Clone the repository: git clone https://github.com/harshraj29/Task-Manager

2. Navigate to the project directory: cd Task-Manager

3. Open index.html in your web browser to access the app.

Usage

1. Add Task:

   • Click the "Add Task" button.
   • Fill in the task details: title, description, and due date.
   • Click "Save" to add the task.

2. Edit Task:

   • Click the Field in the task you want to modify.
   • Update the task details.

3. Change Task Status:

   • Click the "Complete" button next to a task to toggle its status.

4. Delete Task:

   • Click the "Delete" button next to a task to remove it from the list.

5. Search, Filter, and Sort:

   • Use the search bar to find tasks by keywords.
   • Use the filter options to show only complete, pending, or all tasks.
   • Click on the column headers in the task table to sort tasks based on that column.

Screenshots

Screenshot: Task List

Screenshot: Add Task