Tutti i lavori
NotelyAI
Web App · React · AI Notes · Transcription · Flashcards · Concept Maps · PWA

Notely AI è una web app/PWA mobile-first pensata per trasformare contenuti eterogenei in note intelligenti, persistenti e realmente utili. L’app permette di creare note partendo da testo libero, file, audio, immagini o link pubblici, elaborando il contenuto tramite AI per generare trascrizione, riassunto strutturato, flashcard e mappa concettuale.
Il progetto nasce per semplificare lo studio, il lavoro e l’organizzazione delle informazioni. Invece di limitarsi a salvare un documento o un appunto, Notely AI costruisce intorno alla nota un vero ambiente di rielaborazione: il contenuto viene estratto, sintetizzato, trasformato in materiali di ripasso e rappresentato anche sotto forma di mappa gerarchica navigabile.
La creazione delle note è organizzata in cinque funnel principali: testo, file, audio, immagine e link. Il funnel testo consente di scrivere direttamente un contenuto; il funnel file supporta documenti come PDF, DOCX e TXT; il funnel audio permette registrazione o upload con trascrizione; il funnel immagine usa OCR/vision; il funnel link importa contenuti pubblici da pagine HTML, TXT o PDF.
Il dettaglio nota è strutturato in sezioni dedicate: transcript, summary, flashcard, mappa concettuale e file allegati. L’utente può consultare il testo estratto, leggere il riassunto, ripassare tramite domande e risposte, navigare la mappa concettuale e scaricare i file originali. Per l’audio sono previste anche logiche di riparazione quando il formato sorgente non è compatibile.
Una parte importante del progetto è l’esportazione: Notely AI può generare uno ZIP completo della nota con summary in Markdown, transcript in TXT, flashcard in JSON e CSV, mappa concettuale in JSON, Mermaid e HTML standalone, oltre ai file sorgente e agli allegati originali. Questo rende le note riutilizzabili anche fuori dall’app, ad esempio per studio, archiviazione o condivisione.
L’app include ricerca full-text, preferiti, home con stato di elaborazione in tempo reale, onboarding al primo accesso, impostazioni per tema e preferenze AI, profilo utente e layout responsive. L’esperienza è pensata per funzionare bene sia su desktop sia su mobile, con sidebar collassabile, bottom navigation dedicata, tema chiaro/scuro e supporto PWA.
Notely AI rappresenta un progetto orientato alla produttività e all’apprendimento: un sistema che unisce acquisizione contenuti, AI generativa, organizzazione delle note, studio attivo e portabilità dei materiali generati. È una soluzione pensata per chi vuole trasformare informazioni grezze in conoscenza strutturata, consultabile e riutilizzabile.
Anno
2026
Stack
ReactTypeScriptTanStack StartTanStack RouterTanStack QueryViteTailwind CSSshadcn/uiSupabaseAI SDKGeminiReact FlowZodPWA
