Skip to content

Latest commit

 

History

History
68 lines (46 loc) · 1.97 KB

README.md

File metadata and controls

68 lines (46 loc) · 1.97 KB

📝 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