Sådan bygger du en opskriftsapp: opskrifter, portionsskalering, indkøbslister og søgning

En opskriftsapp er en samling af opskrifter med god søgning, klare madlavningssider og et par køkkenhjælpere — skalering af portioner, konvertering af enheder og omdannelse af opskrifter til en indkøbsliste. Uanset om det er din families kogebog, en madblog med opskriftskort eller et opskriftsprodukt til andre, er den ene beslutning, der får alt det andet til at virke, at gemme ingredienser som struktureret data og ikke som et afsnit tekst. Få det rigtigt, så bliver de nyttige funktioner lette at bygge.

Beslut, hvilken slags opskriftsapp det er

Datamodellen er den samme for alle fire. Det, der ændrer sig, er, hvem der må skrive, og om siderne skal kunne findes af søgemaskiner.

Hvad en opskriftsapp har brug for

Sider

• Opskriftsliste eller forside — kort med billede, titel, samlet tid og tags.
• Opskriftsside — madlavningsvisningen: billede, portionsstyring, ingrediensliste, nummererede trin, noter.
• Søgning og filtre — efter navn, efter ingrediens, efter tag (vegetar, hurtig, dessert), efter tid.
• Tilføj og redigér opskrift — en formular, der håndterer ingredienser linje for linje.
• Samlinger — „Hverdagsaften“, „Jul“, „Mors opskrifter“.
• Indkøbsliste — bygget af én eller flere opskrifter.

Data

• Opskrifter — titel, slug, beskrivelse, portioner, forberedelsestid, tilberedningstid, billede, tags, kilde, forfatter, synlighed.
• Ingredienser — opskrift, position, mængde, enhed, navn, note („fint hakket“), valgfri gruppe („Til saucen“).
• Trin — opskrift, position, tekst, valgfri timer.
• Samlinger og samlingsposter.
• Indkøbslisteposter — bruger, ingrediensnavn, mængde, enhed, afkrydset.

Mængder bør være tal. „1 ½ kop“ bliver til mængde 1.5, enhed kop. Hold en lille liste over de enheder, appen forstår, og tillad fri tekst („en knivspids“, „efter smag“) uden mængde.

Tilladelser

En personlig kogebog har brug for én konto og private opskrifter. En familiekogebog har brug for delte samlinger, som flere personer kan redigere. Et offentligt site har brug for læsere (uden login) og redaktører. Et fællesskab har brug for medlemmer, der ejer deres egne opskrifter, og moderatorer, der kan skjule alt.

Funktionerne, der gør den umagen værd at bruge

Skalering af portioner. Gang hver mængde med nye portioner ÷ oprindelige portioner. Vis fornuftige brøker (¾ kop, ikke 0,75 kop) og afrund mærkelige mængder. Nogle ting skalerer ikke lineært — krydderier, bagetider, pandestørrelser — så en kort note på opskriften hjælper.

Enhedskonvertering. En skifter mellem metrisk og US-enheder. Konvertér volumen og vægt inden for deres egen type; at konvertere kopper mel til gram kræver en densitet pr. ingrediens, hvilket er en senere funktion, ikke en første.

Madlavningstilstand. Stor tekst, ét trin ad gangen eller en rullende liste med afkrydsningsfelter, og skærmen holdes tændt, mens man laver mad (browsere understøtter en skærm-wake lock på mange enheder). Det er den funktion, folk takker dig for.

Indkøbsliste. Kombinér ingredienser fra flere opskrifter, slå den samme ingrediens med den samme enhed sammen, grupper efter gang, og lad folk sætte kryds i butikken.

Søgning efter ingrediens. „Hvad kan jeg lave med kylling og porrer?“ fungerer kun, fordi ingredienser er separate poster. Se sådan tilføjer du søgning til din app.

SEO for offentlige opskriftssider

Skal folk finde dine opskrifter via søgning, så skal hver opskrift have sin egen URL, en unik titel og beskrivelse, og opskriftsindholdet skal være i HTML'en, når siden indlæses, i stedet for tegnet senere af JavaScript. Tilføj schema.org Recipe-strukturerede data — ingredienser, trin, tider, portioner, billede — genereret fra din database, så de altid matcher siden. Medtag kun bedømmelser, hvis rigtige mennesker har efterladt dem på siden. Vores guide til hvad strukturerede data er forklarer markupen, og Googles egen dokumentation lister de felter, den bruger.

Eksempel på en første prompt

Byg en familie-opskriftsapp, designet først til telefoner. Hver opskrift har en titel, et billede, portioner, forberedelses- og tilberedningstid, tags, ingredienser og nummererede trin. Gem hver ingrediens som sin egen post med mængde, enhed, navn og en note, grupperet i valgfri sektioner som „Til saucen“. Opskriftssiden har en portionsstyring, der skalerer hver mængde og viser venlige brøker, en skifter mellem metriske og US-enheder og en madlavningstilstand med store bogstaver, afkrydsning af trin og en skærm, der forbliver tændt. Søg efter opskriftsnavn eller ingrediens, og filtrér efter tag og samlet tid. Brugere kan gemme opskrifter i samlinger og tilføje en eller flere opskrifter til en indkøbsliste, der slår matchende ingredienser sammen og lader mig sætte kryds i varerne. Familiemedlemmer logger ind med e-mail og adgangskode og deler én kogebog, som alle kan redigere. Gem alt i en database og fotos i fillagring. Tilføj seks eksempelopskrifter.

Byg-trin

1. Opskriftsside med eksempeldata. Gør madlavningsvisningen fremragende på en telefon, før noget andet.
2. Struktureret indtastning af ingredienser. En formular, hvor hver linje er mængde, enhed, ingrediens og note. Tilbyd også en boks „indsæt en liste“, der deler tekst op i linjer, og lad kokken rette det, der blev delt forkert.
3. Skalering og enheder. Test med kantsager: ⅓ kop fordoblet, 1 æg halveret, „salt efter smag“.
4. Søgning og filtre.
5. Indkøbsliste. Slå „2 løg“ og „1 løg“ sammen til „3 løg“; hold forskellige enheder adskilt i stedet for at gætte.
6. Login og deling. Se sådan tilføjer du login til din app.
7. Fotos. Skalér ned ved upload, så siderne forbliver hurtige.
8. Offentlige sider og markup (hvis offentlige). Publicér derefter, og tjek kildekoden på en opskriftsside.

Almindelige fejl

• Ingredienser som ét tekstfelt. Du mister skalering, indkøbslister og søgning efter ingrediens.
• Decimaltal på skærmen. „0,333 kop“ er ubrugeligt. Vis brøker.
• Livshistorie før opskriften. På din egen app skal ingredienserne ligge højt, med et „hop til opskriften“-link, hvis der er en historie.
• Billeder i fuld størrelse. Telefonbilleder er store; skalér dem ned og komprimér dem.
• At kopiere andre sites opskrifter offentligt. At importere til personlig brug er én ting; at offentliggøre andres tekst og billeder er en anden.
• Falske bedømmelser i strukturerede data. Søgemaskiner kan straffe vildledende markup.
• Ernæringstal præsenteret som eksakte. Hvis du beregner ernæring, så skriv, at det er et skøn, og nævn datakilden.

Når en færdig opskriftsapp er det bedre valg

Hvis du vil gemme og lave dine egne opskrifter, importerer etablerede opskriftsmanager-apps allerede fra websites, synkroniserer på tværs af enheder og virker offline. Til en madblog håndterer bloggplatforme med opskriftskort-plugins markup og printvisninger med det samme.

Byg selv, når du vil have noget, de værktøjer ikke gør: et opskriftssystem til en virksomhed med prisberegning eller allergenspor, en kogebog delt i en stor familie med din egen struktur, opskrifter knyttet til en madplan eller en butik, eller et design, der helt og holdent er dit. Hvis det egentlige mål er at planlægge ugens måltider, så læs sådan bygger du en app til måltidsplanlægning næste.

Byg det med Mythex

I Mythex beskriver du opskriftsappen i chatten, tjekker madlavningsvisningen i live previewets ramme i telefonstørrelse, og publicerer den til en offentlig adresse, som familie eller læsere kan åbne på deres telefoner og føje til startskærmen. Mythex tilføjer en dedikeret Postgres-database til opskrifter og ingredienser samt fillagring til billeder, når appen har brug for det. Login er medbring-din-egen: du vælger tilgangen, og agenten kobler den til. På Pro kan Mythex også pakke den som en Android- og iPhone-app, sendt til intern test i Google Play og TestFlight. Til et offentligt opskriftssite, se madblogskabelonen og vores guide til sådan bygger du en mobilvenlig webapp.

Spørgsmål