Come creare un'app di ricette: ricette, porzioni, liste della spesa e ricerca

Un'app di ricette è una raccolta di ricette con una buona ricerca, pagine di cottura chiare e qualche strumento utile in cucina: scalare le porzioni, convertire le unità e trasformare le ricette in una lista della spesa. Che si tratti del tuo ricettario di famiglia, di un blog di cucina con schede ricetta o di un prodotto per altri, la decisione che fa funzionare tutto il resto è memorizzare gli ingredienti come dati strutturati, non come un paragrafo di testo. Se lo fai bene, le funzioni utili diventano facili.

Decidi che tipo di app di ricette è

Il modello dei dati è lo stesso per tutti e quattro. Cambia chi può scrivere e se le pagine devono essere trovate dai motori di ricerca.

Cosa serve a un'app di ricette

Pagine

• Elenco o home delle ricette: schede con foto, titolo, tempo totale e tag.
• Pagina della ricetta: la vista di cucina, con foto, controllo delle porzioni, elenco degli ingredienti, passaggi numerati, note.
• Ricerca e filtri: per nome, per ingrediente, per tag (vegetariano, veloce, dolce), per tempo.
• Aggiungi e modifica ricetta: un modulo che gestisce gli ingredienti riga per riga.
• Raccolte: «Giorni feriali», «Natale», «Le ricette della mamma».
• Lista della spesa: costruita da una o più ricette.

Dati

• Ricette: titolo, slug, descrizione, porzioni, tempo di preparazione, tempo di cottura, foto, tag, fonte, autore, visibilità.
• Ingredienti: ricetta, posizione, quantità, unità, nome, nota («tritato finemente»), gruppo facoltativo («Per il sugo»).
• Passaggi: ricetta, posizione, testo, timer facoltativo.
• Raccolte e elementi delle raccolte.
• Voci della lista della spesa: utente, nome dell'ingrediente, quantità, unità, spuntato.

Le quantità dovrebbero essere numeri. «1 ½ tazze» diventa quantità 1.5, unità tazza. Mantieni un piccolo elenco di unità che l'app riconosce, e permetti un testo libero («un pizzico», «q.b.») senza quantità.

Permessi

Un ricettario personale richiede un account e ricette private. Un ricettario di famiglia richiede raccolte condivise che più persone possono modificare. Un sito pubblico richiede lettori (senza login) e redattori. Una comunità richiede membri che possiedono le proprie ricette e moderatori che possono nascondere qualsiasi cosa.

Le funzioni che rendono l'app utile

Scalatura delle porzioni. Moltiplica ogni quantità per porzioni nuove ÷ porzioni originali. Mostra frazioni sensate (¾ di tazza, non 0,75 tazze) e arrotonda le quantità scomode. Alcune cose non scalano in modo lineare (sale, tempi di cottura, dimensioni della teglia), quindi una breve nota nella ricetta aiuta.

Conversione delle unità. Un interruttore metrico/US. Converti volumi e pesi all'interno del loro tipo; convertire tazze di farina in grammi richiede una densità per ogni ingrediente, che è una funzione successiva, non la prima.

Modalità cottura. Testo grande, un passaggio alla volta oppure un elenco scorrevole con caselle da spuntare, e lo schermo che resta acceso mentre si cucina (i browser supportano il wake lock dello schermo su molti dispositivi). È la funzione per cui le persone ti ringraziano.

Lista della spesa. Combina ingredienti di più ricette, unisci lo stesso ingrediente con la stessa unità, raggruppa per reparto, e lascia che le persone spuntino gli articoli al supermercato.

Ricerca per ingrediente. «Cosa posso fare con pollo e porri?» funziona solo perché gli ingredienti sono record separati. Vedi come aggiungere la ricerca alla tua app.

SEO per le pagine pubbliche delle ricette

Se vuoi che le persone trovino le tue ricette tramite la ricerca, ogni ricetta ha bisogno di un proprio URL, un titolo e una descrizione unici, e del contenuto della ricetta presente nell'HTML al caricamento della pagina, invece che disegnato dopo da JavaScript. Aggiungi i dati strutturati schema.org Recipe (ingredienti, passaggi, tempi, porzioni, immagine) generati dal tuo database, così corrispondono sempre alla pagina. Includi le valutazioni solo se persone reali le hanno lasciate sulla pagina. La nostra guida a cosa sono i dati strutturati spiega il markup, e la documentazione di Google elenca i campi che usa.

Prompt di esempio per il primo passo

Crea un'app di ricette di famiglia, pensata prima per i telefoni. Ogni ricetta ha un titolo, una foto, le porzioni, il tempo di preparazione e di cottura, dei tag, gli ingredienti e i passaggi numerati. Salva ogni ingrediente come record separato con quantità, unità, nome e una nota, raggruppati in sezioni facoltative come «Per il sugo». La pagina della ricetta ha un controllo delle porzioni che scala ogni quantità e mostra frazioni comprensibili, un interruttore metrico/US, e una modalità cottura con testo grande, caselle per i passaggi e uno schermo che resta acceso. Cerca per nome della ricetta o per ingrediente, e filtra per tag e tempo totale. Gli utenti possono salvare le ricette in raccolte e aggiungere una o più ricette a una lista della spesa che unisce gli ingredienti uguali e mi permette di spuntare gli articoli. I membri della famiglia accedono con email e password e condividono un unico ricettario che tutti possono modificare. Salva tutto in un database e conserva le foto nello storage dei file. Aggiungi sei ricette di esempio.

Passi di costruzione

1. Pagina della ricetta con dati di esempio. Rendi la vista di cucina eccellente su un telefono prima di tutto il resto.
2. Inserimento strutturato degli ingredienti. Un modulo dove ogni riga è quantità, unità, ingrediente e nota. Offri anche una casella «incolla un elenco» che divide il testo in righe, poi lascia che chi cucina corregga le righe spezzate male.
3. Scalatura e unità. Prova i casi complicati: ⅓ di tazza raddoppiato, 1 uovo dimezzato, «sale q.b.».
4. Ricerca e filtri.
5. Lista della spesa. Unisci «2 cipolle» e «1 cipolla» in «3 cipolle»; tieni separate le unità diverse invece di indovinare.
6. Login e condivisione. Vedi come aggiungere il login alla tua app.
7. Foto. Ridimensiona al caricamento così le pagine restano veloci.
8. Pagine pubbliche e markup (se pubbliche). Poi pubblica e controlla il sorgente di una pagina di ricetta.

Errori comuni

• Ingredienti in un unico campo di testo. Perdi la scalatura, le liste della spesa e la ricerca per ingrediente.
• Decimali sullo schermo. «0,333 tazze» è inutilizzabile. Mostra le frazioni.
• La storia di vita prima della ricetta. Nella tua app, metti gli ingredienti in alto, con un link «vai alla ricetta» se c'è una storia.
• Foto a dimensione piena. Le foto dei telefoni sono grandi; ridimensionale e comprimile.
• Copiare pubblicamente le ricette di altri siti. Importarle per uso personale è una cosa; ripubblicare testi e foto altrui è un'altra.
• Valutazioni false nei dati strutturati. I motori di ricerca possono penalizzare il markup fuorviante.
• Valori nutrizionali presentati come esatti. Se calcoli i valori nutrizionali, scrivi che è una stima e indica la fonte dei dati.

Quando un'app di ricette già pronta è la scelta migliore

Se vuoi salvare e cucinare le tue ricette, le app di gestione ricette consolidate importano già dai siti web, si sincronizzano tra dispositivi e funzionano offline. Per un blog di cucina, le piattaforme di blogging con plugin per schede ricetta gestiscono di serie il markup e le viste per la stampa.

Costruisci la tua quando vuoi qualcosa che quegli strumenti non fanno: un sistema di ricette per un'azienda con calcolo dei costi o tracciamento degli allergeni, un ricettario condiviso da una grande famiglia con una struttura tua, ricette collegate a un piano pasti o a un negozio, oppure un design interamente tuo. Se l'obiettivo reale è pianificare i pasti della settimana, leggi poi come creare un'app per la pianificazione dei pasti.

Costruirla con Mythex

In Mythex descrivi l'app di ricette in chat, controlli la vista di cucina nella cornice di dimensione telefono dell'anteprima dal vivo, e la pubblichi su un indirizzo pubblico che la famiglia o i lettori possono aprire sul telefono e aggiungere alla schermata Home. Mythex aggiunge un database Postgres dedicato per ricette e ingredienti e uno storage dei file per le foto quando l'app ne ha bisogno. Il login è bring-your-own: scegli l'approccio e l'agente lo collega. Con il piano Pro, Mythex può anche incapsularla come app Android e iPhone, inviata ai test interni di Google Play e a TestFlight. Per un sito di ricette pubblico, vedi il template per blog di cucina e la nostra guida a come costruire un'app web ottimizzata per il mobile.

Domande