YATODO

Yet Another TODO Application (YATODO).

Core Features

Experience a streamlined workflow with these features:

• Management: Add, complete, and remove tasks
• Persistence: Save todos to local storage.
• Visual Feedback: Celebrate your wins with confetti.
• Dark Mode: Switch between light and dark themes.
• Responsive Interface: Plan your day on any device.

Built With

• Nuxt 3
• Pinia
• Tailwind CSS
• Lucide Vue Next
• VueUse
• Canvas Confetti

Getting Started

Follow these steps to set up the project locally:

Prerequisites

Ensure you have Node.js (version 22 or higher) installed on your machine.

Setup

1. Clone the repository:

   git clone https://github.com/m-spangenberg/yatodo.git
   cd yatodo

2. Install dependencies:

   npm install

3. Launch the development server:

   npm run dev

Open http://localhost:3000 in your browser to start using YATODO.

Build

To create a production build, run:

npm run build

To preview the production build locally, use:

npm run preview

To generate a static site (SSG), run:

npm run generate

Usage

• Add Task: Type your task into the input field and press Enter.
• Complete Task: Click the checkbox next to a task to mark it done.
• Delete Task: Click the trash icon to remove a task permanently.
• Filter: Use the status filters to view all, active, or completed tasks.
• Clear All: Use the "Clear Completed" button to purge finished items.