Client Task Management App

A full-stack application for managing client tasks with CRUD operations.

Features

  • Add new client tasks with Client Name, Task Name, Due Date, and Status
  • Edit existing tasks inline
  • Delete tasks
  • Filter tasks by status (Pending, In Progress, Done)
  • Persistent storage using SQLite
  • Responsive design with TailwindCSS

Project Structure

├── backend/
│   ├── database/
│   │   ├── migrations.ts    # Database schema setup
│   │   └── queries.ts       # Database query functions
│   ├── routes/
│   │   └── tasks.ts         # Task API routes
│   └── index.ts             # Main Hono server
├── frontend/
│   ├── components/
│   │   ├── App.tsx          # Main React component
│   │   ├── TaskForm.tsx     # Add/Edit task form
│   │   └── TaskList.tsx     # Task list display
│   ├── index.html           # HTML template
│   └── index.tsx            # Frontend entry point
├── shared/
│   └── types.ts             # Shared TypeScript types
└── README.md

API Endpoints

  • GET /api/tasks - Get all tasks
  • POST /api/tasks - Create a new task
  • PUT /api/tasks/:id - Update a task
  • DELETE /api/tasks/:id - Delete a task

Task Status Options

  • Pending
  • In Progress
  • Done