Task Manager

A simple and efficient task management app built with React, JavaScript, and Tailwind CSS. The app allows you to add, delete, and search for tasks. Additionally, it includes a fun confetti animation using the Confetti library when marking tasks as completed.

*

---

Features

• Add Task: Create tasks with a title, description, priority, and completion status.
• Delete Task: Remove tasks with a smooth fade-out effect.
• Update Task: Update existing task.
• Search Tasks: Search tasks by their title using the search bar.
• Filter Task: Filter tasks based on different options such as , overdue, completed,priority.
• Confetti Animation: Celebrate task completion with a colorful confetti animation!

---

Installation and Setup

1. Clone the Repository:

   git clone https://github.com/Victorblade38/task-manager.git
   cd task-manager

2. Install Dependencies: Ensure you have Node.js installed. Then run:

   npm install

3. Install Confetti: The app uses the canvas-confetti library for popper animations. Install it via npm:

   npm install canvas-confetti

4. Run the App: Start the development server:

   npm run start

   The app will be available at http://localhost:3000.

---

How to Use

1. Add Tasks:

   • Click the "Add Task" button to open the task creation modal.
   • Fill in the task details (title, description, priority) and submit.

2. Search Tasks:

   • Use the search bar at the top to find a task by its title.

3. Update Tasks:

   • Update the existing task content .

4. Delete Tasks:

   • Click the "Delete" button on any task to remove it with a fade-out effect.

5. Mark as Complete:

   • Toggle the checkbox to mark a task as complete. Enjoy the confetti celebration!

---

Built With

• React: For building the user interface.
• JavaScript: Core logic of the app.
• Tailwind CSS: For styling the components.
• Canvas-Confetti: For the confetti animation when completing tasks.

---