https://github.com/tidjee-dev/todo-list-react-v_2

https://github.com/tidjee-dev/todo-list-react-v_2

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/tidjee-dev/todo-list-react-v_2
• Owner: tidjee-dev
• Created: 2024-12-09T15:23:47.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-09T20:23:36.000Z (over 1 year ago)
• Last Synced: 2024-12-09T21:26:59.852Z (over 1 year ago)
• Language: CSS
• Homepage: https://todo-list-react-v-2.vercel.app
• Size: 35.2 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 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:

[![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)](https://reactjs.org/) [![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)](https://www.typescriptlang.org/)

Styled with:

[![Tailwind CSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)](https://tailwindcss.com/) [![React Icons](https://img.shields.io/badge/react--icons-%23E53E3E.svg?style=for-the-badge&logo=react&logoColor=white)](https://react-icons.github.io/react-icons)

Powered by:

[![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white)](https://vitejs.dev/)

Deployed on:

[![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge&logo=vercel&logoColor=white)](https://vercel.com/)

## ✨ 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](https://todo-list-react-v-2.vercel.app)**.

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!