Com crear una aplicació de receptes: receptes, escalat, llistes de la compra i cerca

Una aplicació de receptes és una col·lecció de receptes amb una bona cerca, pàgines de cocina clares i un parell d'ajudes per a la cuina: escalar les racions, convertir unitats i convertir les receptes en una llista de la compra. Tant si és el teu llibre de cuina familiar, un bloc de menjar amb fitxes de receptes o un producte de receptes per a altres, la decisió que fa que tota la resta funcioni és guardar els ingredients com a dades estructurades, no com un paràgraf de text. Si ho encertes, les funcions útils es fan fàcils.

Decideix quin tipus d'aplicació de receptes és

L'estructura de dades és la mateixa en els quatre casos. El que canvia és qui pot escriure, i si les pàgines han de ser trobades pels cercadors.

Què necessita una aplicació de receptes

Pàgines

• Llista de receptes o inici — targetes amb foto, títol, temps total i etiquetes.
• Pàgina de la recepta — la vista de cuina: foto, control de racions, llista d'ingredients, passos numerats, notes.
• Cerca i filtres — per nom, per ingredient, per etiqueta (vegetarià, ràpid, postres), per temps.
• Afegir i editar recepta — un formulari que gestioni els ingredients línia per línia.
• Col·leccions — «Entre setmana», «Nadal», «Les receptes de la mare».
• Llista de la compra — construïda a partir d'una o diverses receptes.

Dades

• Receptes — títol, slug, descripció, racions, temps de preparació, temps de cocció, foto, etiquetes, font, autor, visibilitat.
• Ingredients — recepta, posició, quantitat, unitat, nom, nota («ben picat»), grup opcional («Per a la salsa»).
• Passos — recepta, posició, text, temporitzador opcional.
• Col·leccions i elements de col·lecció.
• Elements de la llista de la compra — usuari, nom de l'ingredient, quantitat, unitat, marcat.

Les quantitats han de ser números. «1 ½ tasses» es converteix en quantitat 1.5, unitat tassa. Mantén una petita llista d'unitats que l'app entengui, i permet text lliure («una pessigolla», «al gust») sense quantitat.

Permisos

Un llibre de cuina personal necessita un compte i receptes privades. Un llibre de cuina familiar necessita col·leccions compartides que diverses persones puguin editar. Un web públic necessita lectors (sense inici de sessió) i editors. Una comunitat necessita membres que siguin propietaris de les seves pròpies receptes i moderadors que puguin amagar qualsevol cosa.

Les funcions que la fan valer la pena

Escalar les racions. Multiplica cada quantitat per noves racions ÷ racions originals. Mostra fraccions sensates (¾ de tassa, no 0,75 de tassa) i arrodoneix les quantitats incòmodes. Algunes coses no escalen de forma lineal —la sal, els temps de forn, les mides de la paella—, així que una breu nota a la recepta ajuda.

Conversió d'unitats. Un interruptor mètric/imperial. Converteix volums i pesos dins del seu propi tipus; convertir tasses de farina a grams necessita una densitat per ingredient, que és una funció posterior, no una de la primera versió.

Mode cuina. Text gran, un pas cada vegada o una llista desplaçable amb caselles de verificació, i la pantalla mantinguda activa mentre cuines (els navegadors admeten el bloqueig de pantalla en molts dispositius). Aquesta és la funció per la qual la gent t'agraeix.

Llista de la compra. Combina ingredients de diverses receptes, fusiona el mateix ingredient amb la mateixa unitat, agrupa per passadís i deixa que la gent marqui els articles a la botiga.

Cerca per ingredient. «Què puc fer amb pollastre i porros?» només funciona perquè els ingredients són registres separats. Consulta com afegir cerca a la teva app.

SEO per a les pàgines de receptes públiques

Si la gent ha de trobar les teves receptes a través de cercadors, cada recepta necessita la seva pròpia URL, un títol i una descripció únics, i contingut de recepta que estigui a l'HTML quan es carrega la pàgina en lloc de dibuixar-se després amb JavaScript. Afegeix dades estructurades schema.org Recipe —ingredients, passos, temps, racions, imatge— generades a partir de la teva base de dades perquè sempre coincideixin amb la pàgina. Inclou valoracions només si la gent real les ha deixat a la pàgina. La nostra guia sobre què són les dades estructurades explica el marcatge, i la documentació de Google enumera els camps que utilitza.

Exemple de primer prompt

Construeix una aplicació de receptes familiar, pensada primer per a telèfons. Cada recepta té un títol, una foto, racions, temps de preparació i de cocció, etiquetes, ingredients i passos numerats. Desa cada ingredient com a registre propi amb quantitat, unitat, nom i nota, agrupat en seccions opcionals com «Per a la salsa». La pàgina de la recepta té un control de racions que escala cada quantitat i mostra fraccions amigables, un interruptor d'unitats mètriques/imperials, i un mode cuina amb text gran, caselles per pas i una pantalla que es manté activa. Cerca pel nom de la recepta o per ingredient, i filtra per etiqueta i temps total. Els usuaris poden desar receptes en col·leccions i afegir-ne una o diverses a una llista de la compra que fusioni els ingredients coincidents i em deixi marcar els articles. Els membres de la família inicien sessió amb correu electrònic i contrasenya i comparteixen un mateix llibre de cuina que tothom pot editar. Desa-ho tot en una base de dades i guarda les fotos en emmagatzematge de fitxers. Afegeix sis receptes d'exemple.

Passos de construcció

1. Pàgina de recepta amb dades d'exemple. Fes que la vista de cuina sigui excel·lent en un mòbil abans de res més.
2. Entrada estructurada d'ingredients. Un formulari on cada línia és quantitat, unitat, ingredient i nota. Ofereix també una caixa de «enganxa una llista» que divideix el text en línies, i després deixa que la persona que cuina corregeixi el que s'hagi dividit malament.
3. Escalat i unitats. Prova casos complicats: ⅓ de tassa duplicada, 1 ou partit per la meitat, «sal al gust».
4. Cerca i filtres.
5. Llista de la compra. Fusiona «2 cebes» i «1 ceba» en «3 cebes»; mantén les unitats diferents separades en lloc d'endevinar.
6. Inici de sessió i compartició. Consulta com afegir inici de sessió a la teva app.
7. Fotos. Redimensiona-les en pujar-les perquè les pàgines siguin ràpides.
8. Pàgines públiques i marcatge (si és públic). Després publica i comprova el codi font d'una pàgina de recepta.

Errors habituals

• Ingredients com un sol camp de text. Perds l'escalat, les llistes de la compra i la cerca per ingredient.
• Decimals a la pantalla. «0,333 tasses» no es pot usar. Mostra fraccions.
• La història de vida abans de la recepta. A la teva pròpia app, posa els ingredients a prop de dalt, amb un enllaç «salta a la recepta» si hi ha una història.
• Fotos a mida completa. Les fotos de telèfon són grans; redimensiona-les i comprimeix-les.
• Copiar públicament receptes d'altres webs. Importar per a ús personal és una cosa; republicar el text i les fotos d'algú altre n'és una altra.
• Valoracions falses en dades estructurades. Els motors de cerca poden penalitzar el marcatge enganyós.
• Xifres nutricionals presentades com a exactes. Si calcules la nutrició, digues que és una estimació i indica la font de dades.

Quan una aplicació de receptes feta és millor opció

Si vols guardar i cuinar les teves pròpies receptes, les aplicacions gestores de receptes establertes ja importen des de webs, se sincronitzen entre dispositius i funcionen sense connexió. Per a un bloc de menjar, les plataformes de blogs amb complements de fitxes de receptes gestionen el marcatge i les vistes d'impressió de sèrie.

Construeix-ne una de pròpia quan vulguis alguna cosa que aquestes eines no fan: un sistema de receptes per a una empresa amb costos o control d'al·lèrgens, un llibre de cuina compartit per una família gran amb la seva pròpia estructura, receptes lligades a un menú setmanal o a una botiga, o un disseny que sigui totalment teu. Si planificar els menús de la setmana és l'objectiu real, llegeix com crear una aplicació de planificació de menús a continuació.

Construir-ho amb Mythex

A Mythex descrius l'aplicació de receptes al xat, comprovaràs la vista de cuina al marc de mida de telèfon de la previsualització en directe, i la publiques en una adreça pública que la família o els lectors poden obrir des dels seus telèfons i afegir a la pantalla d'inici. Mythex afegeix una base de dades Postgres dedicada per a receptes i ingredients, i emmagatzematge de fitxers per a les fotos quan l'app ho necessita. L'inici de sessió és bring-your-own: tu escollisses l'enfocament i l'agent l'integra. Al pla Pro, Mythex també pot empaquetar-la com una app d'Android i iPhone, enviada a les proves internes de Google Play i a TestFlight. Per a un web públic de receptes, consulta la plantilla de bloc de menjar i la nostra guia sobre com crear una aplicació web adaptada a mòbils.

Preguntes