Jak zbudować aplikację z przepisami: przepisy, skalowanie porcji, listy zakupów i wyszukiwanie

Aplikacja z przepisami to zbiór przepisów z dobrą wyszukiwarką, przejrzystymi stronami do gotowania i kilkoma pomocnikami w kuchni: skalowaniem porcji, przeliczaniem jednostek i zamienianiem przepisów na listę zakupów. Czy to rodzinna książka kucharska, blog kulinarny z kartami przepisów, czy produkt dla innych – jedna decyzja sprawia, że wszystko działa: składniki przechowuj jako dane strukturalne, a nie jako akapit tekstu. Gdy to dobrze zrobisz, użyteczne funkcje stają się łatwe.

Określ, jaką aplikację z przepisami budujesz

Model danych jest taki sam we wszystkich czterech przypadkach. Zmienia się to, kto może pisać i czy strony mają być znajdowane przez wyszukiwarki.

Czego potrzebuje aplikacja z przepisami

Strony

• Lista przepisów lub strona główna – karty ze zdjęciem, tytułem, łącznym czasem i tagami.
• Strona przepisu – widok do gotowania: zdjęcie, regulator porcji, lista składników, ponumerowane kroki, uwagi.
• Wyszukiwanie i filtry – po nazwie, po składniku, po tagu (wegetariańskie, szybkie, deser), po czasie.
• Dodawanie i edycja przepisu – formularz, który obsługuje składniki wiersz po wierszu.
• Kolekcje – „Na co dzień”, „Święta”, „Przepisy mamy”.
• Lista zakupów – zbudowana z jednego lub kilku przepisów.

Dane

• Przepisy – tytuł, slug, opis, liczba porcji, czas przygotowania, czas gotowania, zdjęcie, tagi, źródło, autor, widoczność.
• Składniki – przepis, pozycja, ilość, jednostka, nazwa, uwaga („drobno posiekane”), opcjonalna grupa („Do sosu”).
• Kroki – przepis, pozycja, tekst, opcjonalny timer.
• Kolekcje i elementy kolekcji.
• Pozycje listy zakupów – użytkownik, nazwa składnika, ilość, jednostka, odhaczenie.

Ilości powinny być liczbami. „1 ½ szklanki” staje się ilością 1.5, jednostką szklanka. Prowadź krótką listę jednostek, które aplikacja rozumie, i pozwól na wolny tekst („szczypta”, „do smaku”) bez ilości.

Uprawnienia

Osobista książka kucharska potrzebuje jednego konta i prywatnych przepisów. Rodzinna książka potrzebuje wspólnych kolekcji, które kilka osób może edytować. Publiczna strona potrzebuje czytelników (bez logowania) i redaktorów. Społeczność potrzebuje członków, którzy są właścicielami swoich przepisów, oraz moderatorów, którzy mogą ukryć każdy wpis.

Funkcje, które sprawiają, że warto z tego korzystać

Skalowanie porcji. Pomnóż każdą ilość przez nową liczbę porcji ÷ oryginalną liczbę porcji. Pokazuj rozsądne ułamki (¾ szklanki, a nie 0,75 szklanki) i zaokrąglaj niewygodne ilości. Niektóre rzeczy nie skalują się liniowo – przyprawy, czasy pieczenia, rozmiary form – więc krótka notatka przy przepisie pomaga.

Przeliczanie jednostek. Przełącznik metryczny/amerykański. Przeliczaj objętości i wagi w ramach ich własnego typu; przeliczenie szklanek mąki na gramy wymaga gęstości dla każdego składnika, to funkcja na później, a nie na start.

Tryb gotowania. Duży tekst, jeden krok naraz albo przewijana lista z polami wyboru, i ekran, który nie gaśnie podczas gotowania (przeglądarki na wielu urządzeniach obsługują blokadę wygaszania ekranu). To funkcja, za którą ludzie dziękują.

Lista zakupów. Łącz składniki z kilku przepisów, scalaj ten sam składnik w tej samej jednostce, grupuj według działów sklepu i pozwól odhaczać pozycje w sklepie.

Wyszukiwanie po składniku. „Co mogę ugotować z kurczakiem i porami?” działa tylko dlatego, że składniki są osobnymi rekordami. Zobacz jak dodać wyszukiwanie do aplikacji.

SEO dla publicznych stron z przepisami

Jeśli ludzie mają znajdować twoje przepisy przez wyszukiwarkę, każdy przepis potrzebuje własnego adresu URL, unikalnego tytułu i opisu oraz treści przepisu obecnej w HTML już przy ładowaniu strony, a nie rysowanej później przez JavaScript. Dodaj dane strukturalne schema.org Recipe – składniki, kroki, czasy, porcje, zdjęcie – generowane z bazy danych, by zawsze zgadzały się ze stroną. Oceny dodawaj tylko wtedy, gdy prawdziwi ludzie zostawili je na stronie. Nasz przewodnik po danych strukturalnych wyjaśnia znaczniki, a dokumentacja Google wymienia pola, których używa.

Przykładowy pierwszy prompt

Zbuduj rodzinną aplikację z przepisami, zaprojektowaną najpierw pod telefony. Każdy przepis ma tytuł, zdjęcie, liczbę porcji, czas przygotowania i gotowania, tagi, składniki i ponumerowane kroki. Zapisuj każdy składnik jako osobny rekord z ilością, jednostką, nazwą i uwagą, pogrupowany w opcjonalne sekcje, takie jak „Do sosu”. Strona przepisu ma regulator porcji, który skaluje każdą ilość i pokazuje przyjazne ułamki, przełącznik jednostek metrycznych/amerykańskich oraz tryb gotowania z dużym tekstem, polami wyboru kroków i ekranem, który nie gaśnie. Szukaj po nazwie przepisu lub składniku, filtruj po tagu i łącznym czasie. Użytkownicy mogą zapisywać przepisy do kolekcji i dodawać jeden lub więcej przepisów do listy zakupów, która scala pasujące składniki i pozwala mi odhaczać pozycje. Członkowie rodziny logują się e-mailem i hasłem i dzielą jedną książkę kucharską, którą wszyscy mogą edytować. Zapisuj wszystko w bazie danych, a zdjęcia przechowuj w przechowywaniu plików. Dodaj sześć przykładowych przepisów.

Kroki budowy

1. Strona przepisu z danymi przykładowymi. Najpierw spraw, by widok do gotowania świetnie wyglądał na telefonie.
2. Strukturalne wprowadzanie składników. Formularz, w którym każda linia to ilość, jednostka, składnik i uwaga. Dodaj też pole „wklej listę”, które dzieli tekst na linie, a potem pozwala kucharzowi poprawić wszystko, co zostało źle podzielone.
3. Skalowanie i jednostki. Testuj trudne przypadki: ⅓ szklanki podwojone, 1 jajko przepołowione, „sól do smaku”.
4. Wyszukiwanie i filtry.
5. Lista zakupów. Scal „2 cebule” i „1 cebula” w „3 cebule”; różne jednostki trzymaj osobno zamiast zgadywać.
6. Logowanie i udostępnianie. Zobacz jak dodać logowanie do aplikacji.
7. Zdjęcia. Zmniejszaj je przy wysyłaniu, by strony były szybkie.
8. Strony publiczne i znaczniki (jeśli publiczne). Następnie opublikuj i sprawdź kod źródłowy strony przepisu.

Częste błędy

• Składniki jako jedno pole tekstowe. Tracisz skalowanie, listy zakupów i wyszukiwanie po składnikach.
• Dziesiętne ułamki na ekranie. „0,333 szklanki” jest bezużyteczne. Pokazuj ułamki.
• Historia życia przed przepisem. W twojej aplikacji umieść składniki blisko góry, z linkiem „przejdź do przepisu”, jeśli jest opowieść.
• Pełnowymiarowe zdjęcia. Zdjęcia z telefonów są duże; zmniejszaj je i kompresuj.
• Publiczne kopiowanie cudzych przepisów. Import do użytku osobistego to jedno; ponowne publikowanie cudzego tekstu i zdjęć to drugie.
• Fałszywe oceny w danych strukturalnych. Wyszukiwarki mogą karać wprowadzające w błąd znaczniki.
• Dane odżywcze podawane jako dokładne. Jeśli liczysz wartości odżywcze, napisz, że to szacunek, i podaj źródło danych.

Kiedy lepsza jest gotowa aplikacja z przepisami

Jeśli chcesz zapisywać i gotować własne przepisy, sprawdzone aplikacje do zarządzania przepisami już importują ze stron, synchronizują się między urządzeniami i działają offline. Dla blogu kulinarnego platformy blogowe z wtyczkami kart przepisów obsługują znaczniki i widoki do druku od razu.

Buduj własne, gdy chcesz czegoś, czego te narzędzia nie robią: systemu przepisów dla firmy z kalkulacją kosztów lub śledzeniem alergenów, książki kucharskiej współdzielonej przez dużą rodzinę z własną strukturą, przepisów powiązanych z planem posiłków lub sklepem, albo wyglądu, który jest w pełni twój. Jeśli prawdziwym celem jest planowanie posiłków na tydzień, przeczytaj dalej jak zbudować aplikację do planowania posiłków.

Budowa z Mythex

W Mythex opisujesz aplikację z przepisami w czacie, sprawdzasz widok do gotowania w ramce o rozmiarze telefonu podglądu na żywo i publikujesz ją pod publicznym adresem, który rodzina lub czytelnicy otworzą na telefonach i dodadzą do ekranu głównego. Mythex dodaje dedykowaną bazę Postgres (baza danych) dla przepisów i składników oraz przechowywanie plików dla zdjęć, gdy aplikacja tego potrzebuje. Logowanie wybierasz sam: ty decydujesz o sposobie uwierzytelniania, a agent go podłącza. W planie Pro Mythex może też opakować aplikację jako aplikację na Androida i iPhone, wysyłaną do testów wewnętrznych w Google Play i TestFlight. Dla publicznej strony z przepisami zobacz szablon bloga kulinarnego oraz nasz przewodnik po budowie mobilnej aplikacji webowej.

Pytania