AI-Powered TODO App

A full-stack TODO application with AI-powered task prioritization built on Val Town.

Features

  • āœ… Create, read, update, and delete TODO items
  • šŸ¤– AI-powered task prioritization using OpenAI
  • šŸ“± Responsive web interface
  • šŸ’¾ SQLite database storage
  • šŸŽÆ Priority scoring and recommendations

Project Structure

ā”œā”€ā”€ backend/
│   ā”œā”€ā”€ database/
│   │   ā”œā”€ā”€ migrations.ts    # Database schema
│   │   └── queries.ts       # Database operations
│   ā”œā”€ā”€ routes/
│   │   ā”œā”€ā”€ todos.ts         # TODO CRUD operations
│   │   └── ai.ts           # AI prioritization endpoints
│   └── index.ts            # Main Hono server
ā”œā”€ā”€ frontend/
│   ā”œā”€ā”€ components/
│   │   ā”œā”€ā”€ App.tsx         # Main React app
│   │   ā”œā”€ā”€ TodoList.tsx    # TODO list component
│   │   └── TodoForm.tsx    # Add/edit TODO form
│   ā”œā”€ā”€ index.html          # HTML template
│   └── index.tsx           # Frontend entry point
ā”œā”€ā”€ shared/
│   └── types.ts            # Shared TypeScript types
└── main.tsx                # HTTP entry point

API Endpoints

  • GET /api/todos - Get all todos
  • POST /api/todos - Create a new todo
  • PUT /api/todos/:id - Update a todo
  • DELETE /api/todos/:id - Delete a todo
  • POST /api/ai/prioritize - Get AI prioritization for all todos
  • POST /api/ai/suggest-priority - Get AI priority suggestion for a single todo

Usage

  1. Add your TODO items
  2. Click "AI Prioritize" to get intelligent priority suggestions
  3. View tasks sorted by AI-recommended priority
  4. Mark tasks as complete when done