Back
Prodotto personale

TaskFlow

Piattaforma di task management con Kanban drag-and-drop e API AI-first pensata per gli agenti.

Project management2026
TaskFlow

Panoramica

TaskFlow è una piattaforma di gestione attività production-ready nata da una domanda diversa dal solito: cosa succede se gli utenti principali non sono più solo persone, ma anche agenti AI? Il project management tradizionale assume che qualcuno clicchi, trascini e commenti.

Il prodotto copre tutto ciò che ci si aspetta da uno strumento del genere — bacheca Kanban con drag-and-drop e optimistic UI, CRUD completo di progetti e task, commenti annidati — ma con una particolarità: un layer API AI-first su /api/v1/context pensato perché agenti come OpenClaw possano leggere il contesto e agire in autonomia.

Le azioni sono così disponibili su due canali: via interfaccia, in modo ottimistico e immediato, e via API, in modo programmatico. Gli agenti usano chiavi API a permessi granulari, con hash SHA-256 e scope definiti, così l'automazione non è un accesso totale ma una delega controllata.

Ho costruito l'app su Next.js 14, React, TypeScript e Supabase, con Zod per la validazione degli input e Framer Motion per le transizioni. La sfida interessante è stata far convivere un'interfaccia reattiva per gli umani con un contratto API stabile per le macchine.

TaskFlow sposta il project management dal pannello umano all'agente: gli stessi flussi sono governabili da una persona o orchestrati da un'automazione, senza cambiare il modello dati. È un esperimento concreto su come sarà il software quando gli utenti saranno ibridi.

Risultati

L'integrazione AI-first sposta il project management dal pannello umano all'agente: le stesse azioni sono disponibili via UI, in modo ottimistico, e via API in modo programmatico.

Cosa contiene

  • Bacheca Kanban con drag-and-drop e optimistic UI
  • CRUD completo di progetti e task con commenti annidati
  • API v1 AI-first per agenti (OpenClaw)
  • Chiavi API con hash SHA-256 e permessi granulari

Stack

Next.js 14ReactTypeScriptSupabaseTailwind CSSFramer MotionZod