Cum construiești o aplicație de rețete: rețete, porții, liste de cumpărături și căutare

O aplicație de rețete este o colecție de rețete cu o căutare bună, pagini de gătit clare și câteva ajutoare pentru bucătărie — scalarea porțiilor, conversia unităților și transformarea rețetelor într-o listă de cumpărături. Fie că este cartea de bucate a familiei tale, un blog culinar cu fișe de rețete sau un produs de rețete pentru alții, decizia care face totul să funcționeze este stocarea ingredientelor ca date structurate, nu ca un paragraf de text. Dacă faci asta bine, funcțiile utile devin ușoare.

Decide ce fel de aplicație de rețete este

Modelul de date este același pentru toate patru. Ce se schimbă este cine poate scrie și dacă paginile trebuie găsite de motoarele de căutare.

Ce are nevoie o aplicație de rețete

Pagini

• Lista de rețete sau pagina principală — carduri cu fotografie, titlu, timp total și etichete.
• Pagina rețetei — vederea de gătit: fotografie, controlul porțiilor, lista de ingrediente, pașii numerotați, notele.
• Căutare și filtre — după nume, după ingredient, după etichetă (vegetariană, rapidă, desert), după timp.
• Adăugare și editare rețetă — un formular care gestionează ingredientele rând cu rând.
• Colecții — „Serile de săptămână”, „Crăciun”, „Rețetele mamei”.
• Listă de cumpărături — construită din una sau mai multe rețete.

Date

• Rețete — titlu, slug, descriere, porții, timp de pregătire, timp de gătire, fotografie, etichete, sursă, autor, vizibilitate.
• Ingrediente — rețeta, poziția, cantitatea, unitatea, numele, nota („tocat fin”), grupul opțional („Pentru sos”).
• Pași — rețeta, poziția, textul, un cronometru opțional.
• Colecții și elementele colecțiilor.
• Elemente de listă de cumpărături — utilizator, numele ingredientului, cantitate, unitate, bifat.

Cantitățile ar trebui să fie numere. „1 ½ cești” devine cantitatea 1.5, unitatea ceașcă. Păstrează o listă mică de unități pe care aplicația le înțelege și permite text liber („un praf”, „după gust”) fără cantitate.

Permisiuni

O carte de bucate personală are nevoie de un cont și de rețete private. O carte de familie are nevoie de colecții comune pe care mai mulți oameni le pot edita. Un site public are nevoie de cititori (fără autentificare) și de editori. O comunitate are nevoie de membri care își dețin propriile rețete și de moderatori care pot ascunde orice.

Funcțiile care fac aplicația meritată

Scalarea porțiilor. Înmulțește fiecare cantitate cu porțiile noi împărțite la porțiile originale. Afișează fracții sensibile (¾ cană, nu 0,75 cană) și rotunjește cantitățile incomode. Unele lucruri nu se scalează liniar — condimentele, timpii de coacere, dimensiunile tăvilor — așa că o notă scurtă pe rețetă ajută.

Conversia unităților. Un comutator metric/SUA. Convertește volumele și greutățile în cadrul propriului tip; convertirea cănilor de făină în grame cere o densitate pentru fiecare ingredient, ceea ce este o funcție pentru mai târziu, nu pentru început.

Mod de gătit. Text mare, câte un pas pe rând sau o listă derulantă cu casete de bifat, iar ecranul rămâne aprins cât timp gătești (browserele acceptă pe multe dispozitive un blocaj de ecran). Asta este funcția pentru care oamenii îți mulțumesc.

Listă de cumpărături. Combină ingredientele din mai multe rețete, unește același ingredient cu aceeași unitate, grupează pe raioane și lasă oamenii să bifeze produsele din magazin.

Căutare după ingredient. „Ce pot găti cu pui și prei?” funcționează doar pentru că ingredientele sunt înregistrări separate. Vezi cum adaugi căutare în aplicația ta.

SEO pentru paginile publice de rețete

Dacă oamenii ar trebui să-ți găsească rețetele prin căutare, fiecare rețetă are nevoie de propriul URL, de un titlu și o descriere unice și de conținut de rețetă care este în HTML în momentul încărcării paginii, nu desenat mai târziu de JavaScript. Adaugă date structurate schema.org Recipe — ingrediente, pași, timpi, porții, imagine — generate din baza ta de date, ca să se potrivească mereu cu pagina. Include evaluări doar dacă oameni reali le-au lăsat pe pagină. Ghidul nostru despre ce sunt datele structurate explică marcajul, iar documentația Google enumeră câmpurile pe care le folosește.

Exemplu de prim prompt

Construiește o aplicație de rețete pentru familie, gândită mai întâi pentru telefoane. Fiecare rețetă are un titlu, o fotografie, porții, timp de pregătire și de gătire, etichete, ingrediente și pași numerotați. Stochează fiecare ingredient ca înregistrare separată, cu cantitate, unitate, nume și notă, grupate în secțiuni opționale precum „Pentru sos”. Pagina rețetei are un control al porțiilor care scalează fiecare cantitate și afișează fracții prietenoase, un comutator metric/SUA și un mod de gătit cu text mare, casete pentru pași și un ecran care rămâne aprins. Caută după numele rețetei sau ingredient și filtrează după etichetă și timp total. Utilizatorii pot salva rețete în colecții și pot adăuga una sau mai multe rețete pe o listă de cumpărături care unește ingredientele identice și îmi permite să bifez produsele. Membrii familiei se autentifică cu e-mail și parolă și împart o carte de bucate pe care toți o pot edita. Salvează totul într-o bază de date și stochează fotografiile în stocarea de fișiere. Adaugă șase rețete de exemplu.

Pașii de construcție

1. Pagina rețetei cu date de exemplu. Fă vederea de gătit excelentă pe telefon înainte de orice altceva.
2. Introducerea structurată a ingredientelor. Un formular în care fiecare rând este cantitate, unitate, ingredient și notă. Oferă și o casetă „lipește o listă”, care împarte textul pe rânduri, apoi lasă bucătarul să corecteze ce a fost împărțit greșit.
3. Scalarea și unitățile. Testează cazurile incomode: o treime de cană dublată, un ou înjumătățit, „sare după gust”.
4. Căutare și filtre.
5. Listă de cumpărături. Unește „2 cepe” și „1 ceapă” în „3 cepe”; ține unitățile diferite separate în loc să ghicești.
6. Autentificare și partajare. Vezi cum adaugi autentificare în aplicația ta.
7. Fotografii. Redimensionează la încărcare, ca paginile să rămână rapide.
8. Pagini publice și marcaje (dacă sunt publice). Apoi publică și verifică sursa unei pagini de rețetă.

Greșeli frecvente

• Ingrediente într-un singur câmp de text. Pierzi scalarea, listele de cumpărături și căutarea după ingrediente.
• Zecimale pe ecran. „0,333 cești” nu este utilizabil. Arată fracții.
• Povestea vieții înaintea rețetei. În propria ta aplicație, pune ingredientele aproape de început, cu un link „mergi la rețetă” dacă există o poveste.
• Fotografii la dimensiune completă. Fotografiile de pe telefon sunt mari; redimensionează-le și comprimă-le.
• Copierea public a rețetelor altor site-uri. Importul pentru uz personal este un lucru; republicarea textului și fotografiilor altcuiva este altul.
• Evaluări false în datele structurate. Motoarele de căutare pot penaliza marcajele care induc în eroare.
• Cifre nutriționale prezentate ca exacte. Dacă calculezi nutriția, spune că este o estimare și numește sursa datelor.

Când o aplicație de rețete gata făcută este mai bună

Dacă vrei să-ți salvezi și să-ți gătești propriile rețete, aplicațiile consacrate de gestionare a rețetelor importă deja de pe site-uri, se sincronizează între dispozitive și funcționează offline. Pentru un blog culinar, platformele de blogging cu plugin-uri pentru fișe de rețete se ocupă deja de marcaje și de vederile pentru tipar.

Construiește-ți propria când vrei ceva ce aceste unelte nu fac: un sistem de rețete pentru o afacere, cu calculul costurilor sau urmărirea alergenilor, o carte de bucate comună pentru o familie mare, cu propria structură, rețete legate de un plan de mese sau de un magazin ori un design complet al tău. Dacă planificarea mesajelor săptămânii este scopul real, citește în continuare cum construiești o aplicație de planificare a meniului.

Construirea cu Mythex

În Mythex descrii aplicația de rețete în chat, verifici vederea de gătit în cadrul de dimensiunea telefonului din previzualizarea live și o publici la o adresă publică pe care familia sau cititorii o pot deschide pe telefoane și adăuga pe ecranul de start. Mythex adaugă o bază de date Postgres dedicată pentru rețete și ingrediente și stocare de fișiere pentru fotografii, când aplicația le cere. Autentificarea o aduci tu: alegi abordarea, iar agentul o conectează. Pe Pro, Mythex poate și să împacheteze aplicația ca aplicație pentru Android și iPhone, trimisă pentru testare internă pe Google Play și pe TestFlight. Pentru un site public de rețete, vezi șablonul pentru blog culinar și ghidul nostru despre cum construiești o aplicație web adaptată pentru telefon.

Întrebări