Il progetto di settembre della mia sfida di realizzare un progetto al mese è Lemmon, un'applicazione di flashcard nata da una frustrazione molto semplice: non mi trovavo bene con Anki Web.
Le flashcard si adattano al modo in cui voglio studiare, ma crearle e gestirle mi sembrava più macchinoso del necessario. Prima di poter ripassare una definizione o un concetto matematico, dovevo dedicare tempo a sistemare la scheda stessa. Volevo rendere quella preparazione più semplice e avere un'interfaccia nella quale tornare volentieri.
Da qui è nato Lemmon: un piccolo strumento per l'apprendimento costruito attorno al mio modo di studiare.
Meno passaggi tra un'idea e una scheda
La prima priorità era la scrittura delle schede. Una domanda e una risposta in testo semplice possono bastare per alcune materie, ma nello studio della matematica servono spesso qualcosa in più: una notazione precisa, un diagramma o una formattazione che renda evidente la parte importante.
Lemmon permette di scrivere entrambi i lati di una scheda con un editor che include grassetto, corsivo, sottolineatura e colore del testo. Le immagini possono essere caricate, incollate o trascinate nell'editor. Un diagramma utile può quindi accompagnare una spiegazione senza dover trasformare tutto in parole.
Le formule meritavano un'attenzione particolare. Volevo poter inserire un'equazione nel punto giusto di una frase oppure dedicarle uno spazio separato quando necessario. L'editor supporta sia formule nel testo sia equazioni su una riga dedicata, con un campo di inserimento visuale, una vista del sorgente LaTeX modificabile e modelli di notazione ricercabili. Basta fare clic su una formula già inserita per modificarla di nuovo.
Per me, il vantaggio è mantenere l'intero processo dentro l'editor della scheda. Se sto ragionando su una definizione, voglio continuare a concentrarmi su quella definizione mentre la scrivo.
Un'organizzazione che cresce con il materiale
Quando le schede aumentano, serve una struttura. Lemmon usa i mazzi per raggruppare il materiale e i tag per descrivere le singole schede. All'interno di ogni mazzo vengono suggeriti i tag già presenti; un nuovo tag viene creato al salvataggio della scheda.
È un dettaglio piccolo, ma rispecchia il flusso di lavoro che cercavo: posso iniziare a creare schede utili e lasciare che l'organizzazione si sviluppi insieme al materiale. Non devo definire un sistema completo di etichette prima ancora di scrivere la prima domanda.
Volevo anche rendere più semplice controllare ciò che avevo scritto. Le anteprime permettono di scorrere un mazzo prima di una sessione di studio. Un altro obiettivo era avere una tabella con domande e risposte affiancate, per verificare i contenuti leggendoli direttamente. Creare le schede, controllarne la formulazione e mettersi alla prova sono attività diverse: ognuna richiede una vista comoda dello stesso materiale.
Un ripasso semplice da seguire
Durante il ripasso, Lemmon mostra una domanda, permette di rivelare la risposta e chiede di valutarla: Again, Hard, Good oppure Easy. Queste valutazioni modificano il momento in cui la scheda verrà proposta di nuovo. È disponibile anche una modalità di esercitazione per scorrere tutte le schede senza cambiare la programmazione dei ripassi.
L'applicazione può essere aggiunta alla schermata iniziale del telefono e permette di studiare offline dopo aver caricato i mazzi con una connessione attiva. I ripassi svolti offline vengono salvati sul dispositivo e sincronizzati quando ci si riconnette. La creazione e la modifica delle schede richiedono ancora una connessione.
Queste scelte seguono la stessa intenzione dell'editor: rendere più facile iniziare a studiare, riducendo le interruzioni dovute allo strumento.
Costruire l'esperienza
Lemmon è sviluppato con Next.js, React e TypeScript, con Convex per il backend e Better Auth per gli account. Tiptap fornisce l'editor di testo, MathLive gestisce l'inserimento visuale delle equazioni, KaTeX visualizza le formule e Vercel Blob conserva le immagini caricate. L'applicazione è distribuita su Vercel.
Una scelta progettuale importante è stata mantenere gli stessi contenuti formattati dalla scrittura della scheda fino alle anteprime e alle sessioni di studio. Una formula deve rimanere leggibile in ogni contesto e modificarla deve sembrare una naturale continuazione della scrittura.
Volevo che l'interfaccia restasse essenziale e piacevole. Mazzi, schede e prossimo ripasso devono essere facili da trovare, lasciando al materiale di studio la maggior parte dell'attenzione.
Perché Lemmon?
Il nome unisce lemon e lemma: un'identità giocosa con un richiamo allo studio della matematica. Mi sembrava adatto a un progetto che volevo leggero e accessibile, ma utile anche per contenuti tecnici.
Dopo Plate Atlas a luglio e VibeType ed Easy Meet ad agosto, Lemmon continua un filo conduttore di questa sfida mensile: prendere un'esigenza personale abbastanza sul serio da costruirci qualcosa attorno. Questa volta, il risultato è uno strumento per l'apprendimento che posso adattare man mano che cambiano le mie abitudini di studio.