Receptalkalmazás készítése: receptek, adagolás, bevásárlólisták és keresés

A receptalkalmazás receptek gyűjteménye jó kereséssel, érthető főzési oldalakkal és néhány konyhai segédeszközzel — az adagok átszámításával, a mértékegységek átváltásával és a receptek bevásárlólistává alakításával. Akár a családi szakácskönyved, akár egy receptes blog, akár egy üzleti receptplatform, az a döntés, amely mindent működőképessé tesz, az, hogy a hozzávalókat strukturált adatként tárolod, nem szövegbekezdésként. Ha ezt jól csinálod, a hasznos funkciók könnyen jönnek.

Döntsd el, milyen receptalkalmazásról van szó

Az adatmodell mind a négy típusnál ugyanaz. Ami változik, az az, hogy ki írhat, és hogy a keresőmotoroknak meg kell-e találniuk az oldalakat.

Mit igényel egy receptalkalmazás

Oldalak

• Receptlista vagy főoldal — kártyák fotóval, címmel, összes idővel és címkékkel.
• Receptoldal — a főzési nézet: fotó, adagszabályzó, hozzávalólista, számozott lépések, megjegyzések.
• Keresés és szűrők — név szerint, hozzávaló szerint, címke szerint (vegetáriánus, gyors, desszert), idő szerint.
• Recept hozzáadása és szerkesztése — olyan űrlap, amely soronként kezeli a hozzávalókat.
• Gyűjtemények — „Hétköznapi”, „Karácsony”, „Anyu receptjei”.
• Bevásárlólista — egy vagy több receptből összeállítva.

Adatok

• Receptek — cím, slug, leírás, adagok száma, előkészítési idő, főzési idő, fotó, címkék, forrás, szerző, láthatóság.
• Hozzávalók — recept, pozíció, mennyiség, mértékegység, név, megjegyzés („finomra vágva”), opcionális csoport („A szószhoz”).
• Lépések — recept, pozíció, szöveg, opcionális időzítő.
• Gyűjtemények és gyűjteményelemek.
• Bevásárlólista-elemek — felhasználó, hozzávaló neve, mennyiség, mértékegység, kipipálva.

A mennyiségeknek számoknak kell lenniük. Az „1 ½ csésze” legyen mennyiség 1.5, mértékegység csésze. Tarts egy kis listát azokról a mértékegységekről, amelyeket az app ért, és engedd a szabad szöveget („egy csipet”, „ízlés szerint”) mennyiség nélkül.

Jogosultságok

Egy személyes szakácskönyvhöz egy fiók és privát receptek kellenek. Egy családi szakácskönyvhöz megosztott gyűjtemények kellenek, amelyeket több ember szerkeszthet. Egy nyilvános oldalhoz olvasók (bejelentkezés nélkül) és szerkesztők kellenek. Egy közösséghez tagok kellenek, akik saját recepteiket birtokolják, és moderátorok, akik bármit elrejthetnek.

A funkciók, amelyek használhatóvá teszik

Adagok átszámítása. Minden mennyiséget szorozz meg az új adagok ÷ eredeti adagok aránnyal. Jelenítsd meg az ésszerű törtrészeket (¾ csésze, nem 0,75 csésze), és kerekítsd a kellemetlen mennyiségeket. Néhány dolog nem skálázódik lineárisan — fűszerezés, sütési idő, serpenyőméret —, ezért a receptnél egy rövid megjegyzés segít.

Mértékegység-váltás. Metrikus/amerikai kapcsoló. Térfogatokat és tömegeket a saját típusukon belül válts át; a csésze lisztet grammá alakítása hozzávalónként sűrűséget igényel, ez későbbi funkció, nem az első.

Főzési mód. Nagy betű, lépésenként egy vagy görgethető lista jelölőnégyzetekkel, és a képernyő ébren tartása főzés közben (sok eszköz támogatja a képernyő-ébrentartást a böngészőben). Ezt a funkciót köszönik meg az emberek.

Bevásárlólista. Hozzávalók összevonása több receptből, azonos hozzávaló azonos mértékegységgel való összevonása, csoportosítás üzletsor szerint, és az emberek kipipálhatják az elemeket a boltban.

Keresés hozzávaló szerint. „Mit főzhetek csirkéből és póréhagymából?” csak azért működik, mert a hozzávalók külön rekordok. Lásd: keresés hozzáadása az appodhoz.

SEO a nyilvános receptoldalakhoz

Ha az embereknek keresőn keresztül kell megtalálniuk a recepteidet, minden recepthez saját URL, egyedi cím és leírás kell, valamint olyan recepttartalom, amely az oldal betöltésekor már a HTML-ben van, nem később, JavaScripttel rajzolva. Adj schema.org Recipe strukturált adatot — hozzávalók, lépések, idők, adagok, kép —, az adatbázisodból generálva, hogy mindig egyezzen az oldallal. Értékelést csak akkor adj meg, ha valódi emberek hagytak az oldalon. A strukturált adat útmutatónk elmagyarázza a jelölést, a Google saját dokumentációja pedig felsorolja a mezőket, amelyeket használ.

Példa első prompt

Készíts egy családi receptalkalmazást, telefonra optimalizálva. Minden recept rendelkezik címmel, fotóval, adagokkal, előkészítési és főzési idővel, címkékkel, hozzávalókkal és számozott lépésekkel. Minden hozzávalót külön rekordként tárolj mennyiséggel, mértékegységgel, névvel és megjegyzéssel, opcionális szakaszokba csoportosítva, például „A szószhoz”. A receptoldalon legyen adagszabályzó, amely minden mennyiséget átszámít és barátságos törtrészeket mutat, metrikus/amerikai mértékegység-kapcsoló, és főzési mód nagy betűvel, lépés-jelölőnégyzetekkel és képernyő-ébrentartással. Keresés recept neve vagy hozzávaló szerint, szűrés címke és teljes idő szerint. A felhasználók receptet menthetnek gyűjteményekbe, és egy vagy több receptet adhatnak egy bevásárlólistához, amely összevonja az azonos hozzávalókat, és kipipálhatom az elemeket. A családtagok e-mail-címmel és jelszóval jelentkeznek be, és egy közös szakácskönyvet használnak, amelyet mindenki szerkeszthet. Mindent adatbázisban tárolj, a fotókat fájltárolóban. Adj hozzá hat mintareceptet.

Építési lépések

1. Receptoldal mintaadatokkal. Tedd a főzési nézetet kiválóvá telefonon, mielőtt bármi mást csinálnál.
2. Strukturált hozzávaló-bevitel. Olyan űrlap, ahol minden sor mennyiség, mértékegység, hozzávaló és megjegyzés. Kínálj egy „lista beillesztése” mezőt is, amely a szöveget sorokra bontja, majd hagyja, hogy a szakács javítsa, amit rosszul bontott szét.
3. Adagolás és mértékegységek. Teszteld a nehéz eseteket: ⅓ csésze duplázva, 1 tojás felezve, „só ízlés szerint”.
4. Keresés és szűrők.
5. Bevásárlólista. Vond össze a „2 hagyma” és „1 hagyma” tételeket „3 hagymává”; a különböző mértékegységeket tartsd külön, ne találgass.
6. Bejelentkezés és megosztás. Lásd: bejelentkezés hozzáadása az appodhoz.
7. Képek. Feltöltéskor méretezd át, hogy az oldalak gyorsak maradjanak.
8. Nyilvános oldalak és jelölés (ha nyilvános). Utána publikálj, és ellenőrizd egy receptoldal forráskódját.

Gyakori hibák

• Hozzávalók egyetlen szövegmezőben. Elveszíted az adagolást, a bevásárlólistákat és a hozzávaló szerinti keresést.
• Tizedes törtek a képernyőn. A „0,333 csésze” használhatatlan. Mutass törteket.
• Életrajz a recept előtt. A saját appodon a hozzávalók kerüljenek a tetejére, egy „ugrás a receptre” linkkel, ha van történet.
• Teljes méretű fotók. A telefonos fotók nagyok; méretezd át és tömörítsd őket.
• Más oldalak receptjeinek nyilvános másolása. Személyes használatra importálni egy dolog; mások szövegének és fotóinak nyilvános közzététele más.
• Hamis értékelések a strukturált adatban. A keresőmotorok büntethetik a félrevezető jelölést.
• Tápanyagszámok pontosként bemutatva. Ha tápanyagot számolsz, jelezd, hogy becslés, és nevezd meg az adatforrást.

Amikor egy kész receptalkalmazás a jobb

Ha a saját receptjeidet szeretnéd menteni és főzni, a bevált receptkezelő appok már importálnak weboldalakról, szinkronizálnak eszközök között és offline is működnek. Egy ételblogot a blogplatformok receptkártya-bővítményei kezelnek jelöléssel és nyomtatható nézetekkel.

Saját appot akkor építs, ha olyasmit szeretnél, amit ezek az eszközök nem tudnak: üzleti receptrendszer költségszámítással vagy allergénkövetéssel, egy nagy családi szakácskönyv saját szerkezettel, receptek, amelyek étkezéstervhez vagy üzlethez kapcsolódnak, vagy teljesen saját dizájn. Ha a heti étkezéstervezés a valódi cél, a következő olvasmány: hogyan építs étkezéstervező appot.

Építés a Mythexszel

A Mythexben a chatben írod le a receptalkalmazást, a főzési nézetet az élő előnézet telefonméretű keretében ellenőrzöd, és publikálod egy nyilvános címre, amelyet a család vagy az olvasók telefonon megnyithatnak és a kezdőképernyőre tehetnek. A Mythex dedikált Postgres-adatbázist ad a recepteknek és hozzávalóknak, a fotókhoz pedig fájltárolót, ha az app igényli. A bejelentkezés a saját megoldásoddal történik: te választod ki a megközelítést, az ügynök köti be. Pro csomagban a Mythex Android- és iPhone-appként is becsomagolhatja, és a Google Play belső tesztelésére és a TestFlightra küldheti. Egy nyilvános receptoldalhoz nézd meg az ételblog-sablont, és olvasd el a mobilbarát webalkalmazás építése útmutatónkat.

Kérdések