ToDo App

A simple and intuitive task management app built with Vue 3, Vite and Tailwind CSS. This app allows you to organize tasks by categories, add new tasks, edit existing ones, and delete tasks. It also provides an overview of pending tasks and notifies you when there are no tasks for today.

Demo Link: https://to-do-app-ecru-three.vercel.app/

Recommended IDE Setup

VSCode + Volar (and disable Vetur).

Customize configuration

See Vite Configuration Reference.

Introduction

The Vue 3 Todo App is designed to help you stay organized by categorizing your tasks. Whether you're managing work tasks, personal errands, or any other type of to-do list, this app makes it easy to keep track of what needs to be done. With features like task editing and deletion, you can easily manage your to-do lists, and the app will remind you of pending tasks or let you know when your day is clear.

Features

• Category Selection: Organize your tasks into different categories.

• Task Management: Add, edit, and delete tasks within a category.

• Pending Task Notification: Easily see how many tasks are pending.

• Daily Summary: Get notified when there are no tasks for the day.

  Usage

• Select a category or create a new one.

• Add tasks to your selected category.

• Edit or delete tasks as needed.

• Keep track of pending tasks, and see when there are no tasks left for the day.

Clone the repository:

```bash
git clone https://github.com/zainabimran94/ToDo-App.git
cd todo-app

Install the dependencies:

"vue": "^3.4.21", "vue-router": "^4.3.0"

"devDependencies": "@iconify/vue": "^4.1.1", "@vitejs/plugin-vue": "^5.0.4", "sass": "^1.74.1", "uid": "^2.0.2", "vite": "^5.1.6"

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build