Go back to projects

TODO Task Manager

A comprehensive task management application with modern UI components and dark mode support.

FrameworkReact.js
CSSTailwind CSS
DeploymentVercel
TODO Task Manager

📋 Overview

A feature-rich task management application built with React.js, Tailwind CSS, and Ant Design components. The app provides a comprehensive solution for organizing, tracking, and managing daily tasks with an intuitive user interface.

✨ Features

  • Create, edit, and delete tasks
  • Task categorization and filtering
  • Priority levels and due dates
  • Dark/light mode toggle
  • Responsive design
  • Local storage persistence
  • Search and filter functionality
  • Task completion tracking
  • Drag and drop reordering

🛠️ Technologies Used

React.jsTailwind CSSAnt DesignLocal StorageJavaScript ES6+React Hooks

📋 Prerequisites

  • Node.js (v18+)
  • npm or yarn

🚀 Getting Started

Clone the repository

git clone https://github.com/Ahmed-Alabadla/todo.git
cd todo

Install dependencies

npm install

Run the development server

npm run dev

💡 Usage

Create new tasks, organize them by categories, set priorities, and track your progress. All data is saved locally in your browser.

🚀 Deployment

  1. Build the project: npm run build
  2. Deploy to Vercel or preferred platform