Todo List: Modern Task Manager with React, TypeScript and Vite

Overview

The Todo List application is a modern, intuitive tool for managing tasks and subtasks.

Featuring task organization, inline editing, and a calendar view, it’s designed to streamline scheduling and task visualization.

🛠️ Stack Used

Built with:

Styled with:

Powered by:

Deployed on:

✨ Key Features

1. Task Management

• Create Tasks:

  • Add tasks with details like:
    • Name (required)
    • Description (optional)
    • Start Date (optional)
    • Due Date (optional)
    • Priority (optional)

• Manage Subtasks:

  • Add subtasks to any main task.
  • Update completion statuses individually.

• Task Controls:

  • Search tasks and subtasks by name.
  • Edit tasks and subtasks inline for quick updates.
  • Mark tasks and subtasks as completed or incomplete.
  • Delete tasks or subtasks with ease.

2. Task Organization

• Sorting Options:
  • Alphabetically by text.
  • By completion status (completed or pending).

3. Calendar Integration (Comming Soon)

• Visualize tasks and subtasks on a calendar for better deadline tracking.
• Seamlessly adjust dates and manage schedules directly within the calendar.

4. Data Management (Comming Soon)

• Automatically save tasks and subtasks to LocalStorage for persistent data across sessions.
• Import/export tasks and subtasks in JSON or CSV (separator: ;) formats for backup or sharing.

🚀 Getting Started

1. Visit the Live Demo.
2. Start by creating tasks, adding subtasks, and organizing your schedule through the calendar.
3. Enjoy a fast, efficient, and simple way to manage your tasks!