Paano Gumawa ng Recipe App: Recipes, Scaling, Shopping Lists at Search

Ang recipe app ay koleksiyon ng mga recipe na may magandang search, malinaw na mga pahina sa pagluluto, at ilang katulong sa kusina: pag-scale ng servings, pag-convert ng unit, at paggawang shopping list mula sa recipe. Kung family cookbook mo ito, food blog na may recipe cards, o recipe product para sa ibang tao, iisa ang desisyong nagpapagana sa lahat: i-store ang mga sangkap bilang structured na datos, hindi bilang talata ng teksto. Kapag tama iyon, madali nang maidagdag ang mga kapaki-pakinabang na feature.

Pagpasyahan kung anong klaseng recipe app ito

Pareho ang data model sa apat na ito. Ang nagbabago ay kung sino ang puwedeng magsulat, at kung kailangang mahanap ng search engines ang mga pahina.

Ano ang kailangan ng recipe app

Mga page

• Recipe list o home: cards na may larawan, pamagat, kabuuang oras, at tags.
• Recipe page: ang view sa pagluluto: larawan, kontrol ng servings, listahan ng sangkap, may numerong hakbang, at mga note.
• Search at filters: ayon sa pangalan, sangkap, tag (vegetarian, mabilis, dessert), at oras.
• Idagdag at i-edit ang recipe: form na humahawak ng sangkap isa-isang linya.
• Collections: “Weeknight”, “Pasko”, “Mga recipe ni Nanay”.
• Shopping list: nabubuo mula sa isa o maraming recipe.

Data

• Recipes: pamagat, slug, paglalarawan, servings, oras ng paghahanda, oras ng pagluluto, larawan, tags, pinagmulan, awtor, visibility.
• Ingredients: recipe, posisyon, dami, unit, pangalan, note (“finely chopped”), at opsyonal na grupo (“Para sa sauce”).
• Steps: recipe, posisyon, teksto, opsyonal na timer.
• Collections at collection items.
• Shopping list items: user, pangalan ng sangkap, dami, unit, at checked.

Dapat numero ang dami. Ang “1 ½ cups” ay magiging dami na 1.5, unit na cup. Panatilihin ang maliit na listahan ng units na naiintindihan ng app, at payagan ang libreng teksto (“isang kurot”, “ayon sa panlasa”) na walang dami.

Permissions

Ang personal na cookbook ay nangangailangan ng isang account at pribadong recipe. Ang family cookbook ay nangangailangan ng shared collections na maaaring i-edit ng ilang tao. Ang pampublikong site ay nangangailangan ng mambabasa (walang login) at editors. Ang community ay nangangailangan ng miyembrong nagmamay-ari ng sarili nilang recipe at moderators na maaaring magtago ng kahit ano.

Mga feature na nagpapahalaga sa app

Pag-scale ng servings. I-multiply ang bawat dami sa bagong servings na hinati sa orihinal na servings. Ipakita ang makatuwirang fractions (¾ cup, hindi 0.75 cup) at i-round ang mga awkward na halaga. May ilang bagay na hindi proporsyonal ang pagbabago, gaya ng asin, oras ng pagbe-bake, at laki ng kawali, kaya makakatulong ang maikling note sa recipe.

Pag-convert ng unit. Toggle ng metric/US. I-convert ang volumes at weights sa loob ng sarili nilang uri; ang pag-convert ng cups ng harina sa grams ay nangangailangan ng density bawat sangkap, na feature para sa bandang huli, hindi sa simula.

Cooking mode. Malalaking letra, isang hakbang bawat pagkakataon o scrollable na listahan na may checkboxes, at nananatiling gising ang screen habang nagluluto (sinusuportahan ng maraming device ng browser ang screen wake lock). Ito ang feature na pinasasalamatan sa iyo ng mga tao.

Shopping list. Pagsamahin ang sangkap mula sa maraming recipe, pagsamahin ang parehong sangkap na may parehong unit, pagpangkatin ayon sa seksiyon ng tindahan, at hayaan ang mga tao na i-check ang mga item habang namimili.

Search ayon sa sangkap. Gumagana ang “Ano ang puwede kong lutuin gamit ang manok at leeks?” dahil hiwalay na record ang mga sangkap. Tingnan ang paano magdagdag ng search sa app mo.

SEO para sa pampublikong recipe pages

Kung dapat mahanap ng tao ang mga recipe mo sa search, bawat recipe ay kailangan ng sariling URL, natatanging pamagat at paglalarawan, at recipe content na nasa HTML na sa pag-load ng pahina, hindi iginuguhit ng JavaScript pagkatapos. Magdagdag ng schema.org Recipe structured data (sangkap, hakbang, oras, servings, larawan) na ginawa mula sa database mo para laging tugma sa pahina. Isama lang ang ratings kung totoong tao ang nag-iwan nito sa pahina. Ipinapaliwanag ng aming gabay sa ano ang structured data ang markup, at nakalista sa sariling dokumentasyon ng Google ang mga field na ginagamit nito.

Halimbawang unang prompt

Gumawa ng family recipe app, na idinisenyo muna para sa phone. Bawat recipe ay may pamagat, larawan, servings, oras ng paghahanda at pagluluto, tags, sangkap, at may numerong hakbang. I-store ang bawat sangkap bilang sariling record na may dami, unit, pangalan, at note, na pinagpapangkat sa opsyonal na seksiyon tulad ng “Para sa sauce”. Ang recipe page ay may kontrol ng servings na nag-i-scale ng bawat dami at nagpapakita ng magiliw na fractions, toggle ng metric/US units, at cooking mode na may malalaking letra, step checkboxes, at screen na nananatiling gising. Maghanap ayon sa pangalan ng recipe o sangkap, at mag-filter ayon sa tag at kabuuang oras. Puwedeng i-save ng user ang recipes sa collections at magdagdag ng isa o higit pang recipe sa shopping list na nagsasama ng magkakatugmang sangkap at hinahayaan akong i-check ang mga item. Nagla-log in ang mga miyembro ng pamilya gamit ang email at password at nagbabahagi ng iisang cookbook na maaaring i-edit ng lahat. I-save ang lahat sa database at i-store ang larawan sa file storage. Magdagdag ng anim na sample recipe.

Itayo hakbang-hakbang

1. Recipe page na may sample data. Gawing mahusay ang cooking view sa phone bago ang iba.
2. Structured na paglalagay ng sangkap. Form kung saan bawat linya ay dami, unit, sangkap, at note. Mag-alok din ng kahon na “i-paste ang listahan” na hahatiin ang teksto sa linya, saka hayaang ayusin ng cook ang anumang maling hati.
3. Pag-scale at units. Subukan sa mga awkward na kaso: ⅓ cup na dinoble, 1 itlog na hinati sa kalahati, “asin ayon sa panlasa”.
4. Search at filters.
5. Shopping list. Pagsamahin ang “2 sibuyas” at “1 sibuyas” bilang “3 sibuyas”; panatilihing hiwalay ang magkaibang unit sa halip na manghula.
6. Login at pagbabahagi. Tingnan ang paano magdagdag ng login sa app mo.
7. Larawan. I-resize pagkatapos i-upload para manatiling mabilis ang mga pahina.
8. Pampublikong pahina at markup (kung pampubliko). Pagkatapos ay mag-publish at tingnan ang source ng isang recipe page.

Mga karaniwang pagkakamali

• Mga sangkap bilang iisang text field. Nawawala ang pag-scale, shopping lists, at search ayon sa sangkap.
• Decimals sa screen. Hindi magamit ang “0.333 cups”. Ipakita ang fractions.
• Buhay-kuwento bago ang recipe. Sa sarili mong app, ilagay ang mga sangkap malapit sa itaas, na may link na “pumunta sa recipe” kung may kuwento.
• Buong-laking larawan. Malaki ang larawan ng phone; i-resize at i-compress.
• Pagkopya ng recipe ng ibang site nang pampubliko. Ang pag-import para sa personal na gamit ay iba sa paglalathala ng teksto at larawan ng iba.
• Pekeng ratings sa structured data. Maaaring parusahan ng search engines ang nakakalitong markup.
• Nutrition numbers na ipinapakitang eksakto. Kung kinukwenta mo ang nutrition, sabihing tantiya ito at pangalanan ang pinagmulan ng datos.

Kailan mas mainam ang ready-made na recipe app

Kung gusto mo lang i-save at lutuin ang sarili mong recipes, ang mga established na recipe manager app ay nag-iimport na mula sa mga website, nagsi-sync sa iba’t ibang device, at gumagana offline. Para sa food blog, ang mga blogging platform na may recipe card plugin ang humahawak ng markup at print views nang kusa.

Magtayo ng sarili mo kapag may gusto kang hindi ginagawa ng mga tool na iyon: sistema ng recipe para sa negosyo na may costing o allergen tracking, cookbook na ibinabahagi sa malaking pamilya na may sarili mong istruktura, recipe na naka-link sa meal plan o tindahan, o disenyong ganap na sa iyo. Kung ang pagpaplano ng pagkain sa buong linggo ang tunay mong layunin, basahin susunod ang paano gumawa ng meal planner app.

Itayo ito gamit ang Mythex

Sa Mythex, ilalarawan mo ang recipe app sa chat, susuriin ang cooking view sa phone-size frame ng live preview, at ipu-publish ito sa pampublikong address na mabubuksan ng pamilya o mambabasa sa phone nila at maidadagdag sa home screen. Nagdaragdag ang Mythex ng nakalaang Postgres database para sa recipes at sangkap, at file storage para sa larawan kapag kailangan ng app. Bring-your-own ang login: ikaw ang pipili ng approach at ikinakabit ito ng agent. Sa Pro, maaari ring i-package ng Mythex ang app bilang Android at iPhone app, na ipinapadala sa Google Play internal testing at TestFlight. Para sa pampublikong recipe site, tingnan ang food blog template at ang aming gabay sa paggawa ng mobile-friendly na web app.

Mga tanong