Task Manager — React + TypeScript

A clean and minimal To-Do / Task Manager built with Next.js, React, TypeScript, and Tailwind CSS.
Features include add / toggle / delete tasks and filters (All / Active / Completed).
Designed to be easy to read, run, and extend.

✨ Features

• Add new tasks with input validation (enter/submit)
• Toggle completion & delete tasks
• Filter by status: All / Active / Completed
• Accessible & responsive UI (visible focus, empty state)
• Typed data model with TypeScript (Todo interface)
• Small, reusable components: AddTodo, TodoList, TodoItem, TodoFilter

🧰 Tech Stack

• Framework: Next.js (React 18)
• Language: TypeScript
• Styling: Tailwind CSS
• Tooling: npm

🚀 Getting Started

Prerequisites

• Node.js ≥ 18
• npm ≥ 8

Installation & Dev

# clone your repo
git clone https://github.com/KeitouYa/Task_Manager_React_TypeScript.git
cd Task_Manager_React_TypeScript

# install dependencies
npm install

# start dev server
npm run dev
# then open http://localhost:3000