Task Management App

This is a simple task management application built with HTML, CSS, and JavaScript Next.js. The app allows users to add, edit, delete, and mark tasks as completed. It also supports sorting tasks by priority and provides responsive design using basic HTML/CSS.

Features

• Add Tasks: Create a new task with a title, description, and priority level.
• Edit Tasks: Update the task details.
• Delete Tasks: Remove a task from the list.
• Undo Tasks: Revert the completion of a task.
• Mark as Completed: Mark a task as completed by striking it through.
• Search Bar: Search for tasks by title or description.
• Priority Sorting: Sort tasks by priority (e.g., High, Medium, Low).
• Responsive Design: The app is mobile-friendly and adjusts to various screen sizes.

Technologies Used

• Frontend:

  • HTML
  • CSS
  • JavaScript
  • Next.js

• Local Storage: Used to store tasks data in the browser.

Installation

1. Clone the repository:

   git clone https://github.com/girinathselvendran/Task-Management.git
   cd task-manager-app

2. Install dependencies (for React/Next.js):

   npm install

3. Run the application:

   npm start

4. Visit the app in your browser:

   http://localhost:3000

Usage

• Adding a Task: Enter the task details (title, description, priority) in the form and click the "Add Task" button.
• Editing a Task: Click the "Edit" button next to a task to modify its details.
• Deleting a Task: Click the "Delete" button next to a task to remove it.
• Marking as Completed: Click the task title to mark it as completed (strikethrough).
• Undo a Task: Click the "Undo" button to revert the completion of a task.

Project Structure