← Tutti i progettiAll projects
🏷️
Case study · Mercato italianoItalian market

EtichettaChiara

Dalla ricetta di un laboratorio artigianale all'etichetta alimentare UE: valori nutrizionali, elenco ingredienti e allergeni calcolati in automatico, pronti da stampare.From a small bakery's recipe to an EU food label: nutrition facts, ingredient list and allergens calculated automatically, ready to print.

Interfaccia in italianoItalian interfaceHTML · CSS · JavaScriptCostruita con ClaudeBuilt with ClaudeDati solo nel browserData stays in the browser
Prova l'appTry the app → Gratuita, senza account, con dati di esempio.Free, no sign-up, with sample data.
1169/2011Reg. UE di riferimentoEU regulation followed
14allergeni riconosciutiallergens tracked
2viste: Banco e classicaviews: Bench and classic
0server e accountservers and accounts

Cosa faWhat it does

Come l'ho costruitaHow I built it

L'ho costruita in vibecoding con Claude: ho descritto il problema, le regole e l'aspetto che volevo, Claude ha scritto il codice, io l'ho provata, ho chiesto correzioni e ho deciso cosa tenere. Il risultato è una sola pagina HTML con stile e script dentro, senza framework e senza server: i dati restano nel browser di chi la usa, che può esportarli o cancellarli.I built it through vibe coding with Claude: I described the problem, the rules and the look I wanted, Claude wrote the code, I tested it, asked for fixes and decided what to keep. The result is a single HTML page with styles and scripts inside, no framework and no server: data stays in the user's browser, where it can be exported or deleted.

Scelte tecnicheTechnical choices

Calcoli secondo le regole UEEU calculation rules

Energia con i fattori di conversione del Regolamento (37/17/17/8 kJ per grammo) e arrotondamenti secondo le linee guida UE sulle tolleranze, per esempio "<0,5 g" sotto soglia.Energy uses the regulation's conversion factors (37/17/17/8 kJ per gram) and rounding follows the EU tolerance guidelines, e.g. "<0.5 g" below threshold.

Il calo di cottura contaBaking loss is accounted for

I valori per 100 g si riferiscono al prodotto finito. L'acqua evaporata viene sottratta e, se quella rimasta pesa meno del 5% del prodotto, non compare tra gli ingredienti.Values per 100 g refer to the finished product. Evaporated water is subtracted and, if what remains is under 5% of the product, it is left out of the ingredient list.

Etichetta disegnata su canvasLabel drawn on canvas

La tabella nutrizionale è disegnata in un canvas: lo stesso disegno diventa il PNG da scaricare e la pagina da stampare, senza librerie esterne.The nutrition table is drawn on a canvas: the same drawing becomes the downloadable PNG and the print page, with no external libraries.

Ingredienti da scheda tecnicaIngredients from a spec sheet

Oltre alla banca dati di base si possono aggiungere ingredienti copiando i valori dalla scheda tecnica del fornitore, con gli allergeni tra doppie parentesi quadre per il grassetto.Besides the built-in database you can add ingredients by copying values from the supplier's spec sheet, marking allergens in double square brackets for bold.

Cosa ho verificatoWhat I tested