📝 Task Manager

A modern Task Management App built with React, Redux, and Webpack. This app allows users to efficiently manage their tasks, complete them, categorize them, set priorities, and more.

🚀 Features

• ✅ Add and delete tasks with ease
• 🎯 Filter tasks by their completion status (e.g., All, Completed, Incomplete)
• 📂 Categorize tasks (Personal, Work, Groceries, etc.)
• 🏷️ Set task priority (Low, Medium, High)
• 🔍 Search tasks by title
• 🗓️ Set due dates for tasks and display reminders
• 📦 Drag and Drop task reordering
• ✨ Responsive design for optimal use on both desktop and mobile devices

🛠️ Tech Stack

• React: For building the user interface.
• Redux Toolkit: For state management across the app.
• Webpack 5: For bundling and optimizing the app.
• Babel: For JavaScript transpiling and cross-browser compatibility.
• React-Beautiful-Dnd: For drag-and-drop functionality.
• React-DatePicker: For date selection in tasks.

📦 Setup Instructions

Prerequisites

• Node.js installed on your machine. You can download it from here.
• A code editor like VS Code (optional but recommended).

Getting Started

1. Clone this repository:

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

2. Install dependencies:

   npm install

3. Start the development server:

   npm start

   The app should open automatically in your browser at http://localhost:3000.

4. Build the app for production:

   To create an optimized, production-ready build:

   npm run build

🔧 Development

This project uses Webpack for bundling and Babel for transpiling. If you make any changes, you can run the development server and see the changes instantly.

npm start