Taskflow

Taskflow is a responsive React task manager for keeping daily work visible and organized. It includes task creation, project and priority metadata, filtering, completion tracking, local persistence, and a focused progress summary.

Features

• Add tasks with a project and priority
• Mark tasks complete or reopen them
• Filter by all, open, or completed tasks
• Clear completed tasks from the queue
• Persist tasks in browser local storage
• Responsive dashboard layout

Stack

• React 19
• Vite
• Vanilla CSS

Run locally

npm install
npm run dev

Open the local development URL shown by Vite.

Build

npm run build

The production bundle is written to dist/.

Project structure

src/
  App.jsx       Main task manager and interactions
  App.css       Component and responsive styles
  index.css     Global tokens and base styles
  main.jsx      React application entry point