Next.js Todo App

A clean and intuitive Todo app built with Next.js. Easily add, edit, and manage your daily tasks.

Getting Started

Follow these steps to run the app locally:

1. Clone the repository

 git clone https://github.com/andykoe24/nextjs-todo-app.git
 cd nextjs-todo-app

2. Install dependencies

 npm install

3. Run the development server

 npm run dev

Open http://localhost:3000 in your browser to use the app.

Features

• Add, edit, delete, and complete tasks
• Board, List, and Calendar views
• Filter and sort tasks by category, priority, status, and search
• Drag-and-drop reordering
• LocalStorage persistence (your data stays in your browser)
• Import and export tasks as CSV
• Download a sample CSV template
• Clear all data (reset app)

Feature

• Add New Task: Use the "Add New" button in the sidebar.
• Switch Views: Use the sidebar to switch between List, Board, and Calendar views.
• Import Tasks: Click "Import" in the sidebar and select a CSV file.
• Export Tasks: Click "Export" to download your tasks as CSV.
• Download Sample: Click "Download Sample" to get a CSV template.
• Clear All Data: Click the red "Clear All Data" text in the sidebar to remove all tasks and settings (confirmation required).
• Drag & Drop: Reorder tasks in List or Board view by dragging.
• Filter & Sort: Use the controls above the task list to filter by category, priority, status, or search by text.