Slik bygger du en oppskriftsapp: oppskrifter, porsjonsskalering, handleliste og søk

En oppskriftsapp er en samling oppskrifter med godt søk, tydelige matlagingssider og et par kjøkkenhjelpere – skalering av porsjoner, enhetskonvertering og å gjøre oppskrifter om til en handleliste. Enten det er familiens kokebok, en matblogg med oppskriftskort eller et oppskriftsprodukt for andre, er det ene valget som gjør alt annet fungerende at ingredienser lagres som strukturerte data, ikke som en tekstavsnitt. Får du det til, blir de nyttige funksjonene enkle å lage.

Bestem hva slags oppskriftsapp det er

Datamodellen er den samme i alle fire. Det som endrer seg er hvem som kan skrive, og om sider må kunne finnes av søkemotorer.

Hva en oppskriftsapp trenger

Sider

• Oppskriftsliste eller forside – kort med bilde, tittel, total tid og tagger.
• Oppskriftsside – matlagingsvisningen: bilde, porsjonskontroll, ingrediensliste, nummererte steg, notater.
• Søk og filtre – på navn, på ingrediens, på tagg (vegetar, rask, dessert), på tid.
• Legg til og rediger oppskrift – et skjema som håndterer ingrediensene linje for linje.
• Samlinger – «Hverdagsmat», «Jul», «Mors oppskrifter».
• Handleliste – bygget fra én eller flere oppskrifter.

Data

• Oppskrifter – tittel, slug, beskrivelse, porsjoner, forberedelsestid, tilberedningstid, bilde, tagger, kilde, forfatter, synlighet.
• Ingredienser – oppskrift, posisjon, mengde, enhet, navn, notat («finhakket»), valgfri gruppe («Til sausen»).
• Steg – oppskrift, posisjon, tekst, valgfri timer.
• Samlinger og samlingselementer.
• Handlelistelinjer – bruker, ingrediensnavn, mengde, enhet, avkrysset.

Mengder bør være tall. «1 ½ dl» blir mengde 1.5, enhet dl. Hold en liten liste over enheter appen forstår, og tillat fritekst («en klype», «etter smak») uten mengde.

Tilganger

En personlig kokebok trenger én konto og private oppskrifter. En familiekokebok trenger delte samlinger som flere kan redigere. Et offentlig nettsted trenger lesere (uten innlogging) og redaktører. Et fellesskap trenger medlemmer som eier sine egne oppskrifter, og moderatorer som kan skjule alt.

Funksjonene som gjør den verdt å bruke

Skalering av porsjoner. Multipliser hver mengde med nye porsjoner delt på opprinnelige porsjoner. Vis fornuftige brøker (¾ dl, ikke 0,75 dl) og rund av uhendige mengder. Noen ting skalerer ikke lineært – krydder, baketider, formstørrelser – så en kort merknad på oppskriften hjelper.

Enhetskonvertering. En veksling mellom metrisk og amerikansk system. Konverter volum og vekt innenfor sin egen type; å konvertere kopper med mel til gram krever en tetthet per ingrediens, som er en senere funksjon, ikke en første.

Matlagingsmodus. Stor tekst, ett steg om gangen eller en rullbar liste med avkrysningsbokser, og skjermen holdes våken mens du lager mat (nettlesere støtter skjermlås på mange enheter). Dette er funksjonen folk takker deg for.

Handleliste. Kombiner ingredienser fra flere oppskrifter, slå sammen samme ingrediens med samme enhet, grupper etter gang, og la folk krysse av varer i butikken.

Søk på ingrediens. «Hva kan jeg lage med kylling og purre?» fungerer bare fordi ingrediensene er egne poster. Se slik legger du til søk i appen din.

SEO for offentlige oppskriftssider

Hvis folk skal finne oppskriftene dine via søk, trenger hver oppskrift sin egen URL, en unik tittel og beskrivelse, og oppskriftsinnhold som er i HTML-en når siden lastes, i stedet for å tegnes senere av JavaScript. Legg til schema.org Recipe-strukturerte data – ingredienser, steg, tider, porsjoner, bilde – generert fra databasen din, slik at de alltid samsvarer med siden. Ta bare med vurderinger hvis ekte mennesker har gitt dem på siden. Vår guide om hva strukturerte data er forklarer markeringen, og Googles egen dokumentasjon lister feltene de bruker.

Eksempel på en første prompt

Bygg en familie-oppskriftsapp, designet for telefon først. Hver oppskrift har tittel, bilde, porsjoner, forberedelses- og tilberedningstid, tagger, ingredienser og nummererte steg. Lagre hver ingrediens som en egen post med mengde, enhet, navn og notat, gruppert i valgfrie seksjoner som «Til sausen». Oppskriftssiden har en porsjonskontroll som skalerer alle mengder og viser vennlige brøker, en veksling mellom metrisk og amerikansk system, og en matlagingsmodus med stor tekst, avkrysningsbokser for steg og en skjerm som holder seg våken. Søk på oppskriftsnavn eller ingrediens, og filtrer på tagg og total tid. Brukere kan lagre oppskrifter i samlinger og legge en eller flere oppskrifter til en handleliste som slår sammen like ingredienser og lar meg krysse av varer. Familiemedlemmer logger inn med e-post og passord og deler én kokebok som alle kan redigere. Lagre alt i en database, og bilder i fillagring. Legg inn seks eksempeloppskrifter.

Bygg steg for steg

1. Oppskriftsside med eksempeldata. Gjør matlagingsvisningen utmerket på telefon før noe annet.
2. Strukturert inntasting av ingredienser. Et skjema der hver linje er mengde, enhet, ingrediens og notat. Tilby også en «lim inn en liste»-boks som deler tekst i linjer, slik at kokken kan rette det som ble delt feil.
3. Skalering og enheter. Test med vanskelige tilfeller: ⅓ dl doblet, 1 egg halvert, «salt etter smak».
4. Søk og filtre.
5. Handleliste. Slå sammen «2 løk» og «1 løk» til «3 løk»; hold ulike enheter adskilt i stedet for å gjette.
6. Innlogging og deling. Se slik legger du til innlogging i appen din.
7. Bilder. Skaler ned ved opplasting, slik at sidene holder seg raske.
8. Offentlige sider og markering (hvis offentlig). Publiser deretter og sjekk kildekoden til en oppskriftsside.

Vanlige feil

• Ingredienser som ett tekstfelt. Du mister skalering, handlelister og søk på ingrediens.
• Desimaler på skjermen. «0,333 dl» er ubrukelig. Vis brøker.
• Livshistorie før oppskriften. I din egen app, sett ingrediensene nær toppen, med en «hopp til oppskriften»-lenke hvis det finnes en historie.
• Bilder i full størrelse. Mobilbilder er store; skaler dem ned og komprimer dem.
• Å kopiere andres oppskrifter offentlig. Å importere til personlig bruk er én ting; å publisere andres tekst og bilder på nytt er en annen.
• Falske vurderinger i strukturerte data. Søkemotorer kan straffe villedende markering.
• Næringstall presentert som nøyaktige. Hvis du beregner næringsinnhold, si at det er et estimat og oppgi datakilden.

Når en ferdig oppskriftsapp er det bedre valget

Hvis du vil lagre og lage dine egne oppskrifter, importerer etablerte oppskriftsapper allerede fra nettsider, synkroniserer mellom enheter og fungerer frakoblet. For en matblogg håndterer bloggplattformer med oppskriftskort-tillegg markering og utskriftsvisninger ut av boksen.

Bygg din egen når du vil ha noe disse verktøyene ikke gjør: et oppskriftssystem for en bedrift med kalkulering eller allergenregistrering, en kokebok delt i en stor familie med din egen struktur, oppskrifter knyttet til en måltidsplan eller butikk, eller et design som er helt ditt. Hvis planlegging av ukens måltider er det egentlige målet, les slik bygger du en måltidsplanlegger-app neste.

Bygg det med Mythex

På Mythex beskriver du oppskriftsappen i chatten, sjekker matlagingsvisningen i live forhåndsvisningens ramme i telefonstørrelse, og publiserer den til en offentlig adresse familie eller lesere kan åpne på telefonene sine og legge på hjemskjermen. Mythex legger til en dedikert Postgres-database for oppskrifter og ingredienser, og fillagring for bilder når appen trenger det. Innlogging er bring-your-own: du velger tilnærming, og agenten kobler den til. På Pro kan Mythex også pakke den som en Android- og iPhone-app, sendt til intern testing i Google Play og TestFlight. For et offentlig oppskriftsnettsted, se matbloggmalen og vår guide om å bygge en mobilvennlig nettapp.

Spørsmål