Как да създадете приложение за рецепти: рецепти, мащабиране, списъци за пазар и търсене

Приложението за рецепти е колекция от рецепти с добро търсене, ясни страници за готвене и няколко кухненски помощници – мащабиране на порции, конвертиране на мерни единици и превръщане на рецептите в списък за пазар. Независимо дали е вашата семейна готварска книга, кулинарен блог с карти на рецепти или продукт за други хора, едно решение прави всичко останало да работи: съставките се съхраняват като структурирани данни, а не като параграф текст. Ако това е вярно, полезните функции стават лесни.

Решете какъв вид приложение за рецепти е

Моделът на данните е един и същ за всички четири. Променя се кой може да пише и дали страниците трябва да се намират от търсачки.

Какво трябва на приложение за рецепти

Страници

• Списък или начало с рецепти – карти със снимка, заглавие, общо време и тагове.
• Страница на рецепта – изгледът за готвене: снимка, контрол на порциите, списък със съставки, номерирани стъпки, бележки.
• Търсене и филтри – по име, по съставка, по таг (вегетарианско, бързо, десерт), по време.
• Добавяне и редактиране на рецепта – формуляр, който обработва съставките ред по ред.
• Колекции – „делнични“, „Коледа“, „рецептите на мама“.
• Списък за пазар – съставен от една или няколко рецепти.

Данни

• Рецепти – заглавие, slug, описание, брой порции, време за подготовка, време за готвене, снимка, тагове, източник, автор, видимост.
• Съставки – рецепта, позиция, количество, мерна единица, име, бележка („нарязано на ситно“), незадължителна група („За соса“).
• Стъпки – рецепта, позиция, текст, незадължителен таймер.
• Колекции и елементи на колекции.
• Елементи в списъка за пазар – потребител, име на съставката, количество, мерна единица, отметнато.

Количествата трябва да са числа. „1 ½ чаши“ става количество 1.5, мерна единица чаша. Пазете малък списък с мерни единици, които приложението разбира, и позволявайте свободен текст („щипка“, „по вкус“) без количество.

Права за достъп

Личната готварска книга се нуждае от един акаунт и частни рецепти. Семейната книга се нуждае от общи колекции, които няколко души могат да редактират. Публичният сайт се нуждае от читатели (без вход) и редактори. Общността се нуждае от членове, които притежават собствените си рецепти, и модератори, които могат да скрият всяко съдържание.

Функциите, които правят приложението полезно

Мащабиране на порциите. Умножете всяко количество по нов брой порции ÷ първоначален брой порции. Показвайте разумни дроби (¾ чаша, а не 0.75 чаша) и закръгляйте неудобните количества. Някои неща не се мащабират линейно – подправки, времена за печене, размери на тавите – затова е полезна кратка бележка към рецептата.

Конвертиране на мерни единици. Превключвател метрична/американска система. Конвертирайте обеми и тегла в рамките на техния тип; превръщането на чаши брашно в грамове изисква плътност за всяка съставка, което е по-късна функция, а не първа.

Режим на готвене. Едър текст, една стъпка наведнъж или превъртащ се списък с отметки и екранът, който остава буден по време на готвене (браузърите поддържат wake lock на екрана на много устройства). Това е функцията, за която хората ви благодарят.

Списък за пазар. Комбинирайте съставките от няколко рецепти, слейте една и съща съставка с една и съща мерна единица, групирайте по пътеки в магазина и нека хората отмятат артикулите в магазина.

Търсене по съставка. „Какво мога да приготвя с пиле и праз?“ работи само защото съставките са отделни записи. Вижте как да добавите търсене в приложението си.

SEO за публичните страници с рецепти

Ако хората трябва да намират рецептите ви през търсене, всяка рецепта се нуждае от собствен URL адрес, уникално заглавие и описание и съдържание на рецептата, което е в HTML кода, когато страницата се зареди, а не нарисувано по-късно с JavaScript. Добавете структурирани данни schema.org Recipe – съставки, стъпки, времена, порции, снимка – генерирани от базата данни, така че винаги да съвпадат със страницата. Включвайте рейтинги само ако реални хора са ги оставили на страницата. Нашето ръководство за какво са структурираните данни обяснява маркирането, а документацията на Google изброява полетата, които използва.

Примерен първи промпт

Създай приложение за семейни рецепти, проектирано първо за телефони. Всяка рецепта има заглавие, снимка, порции, време за подготовка и готвене, тагове, съставки и номерирани стъпки. Съхранявай всяка съставка като отделен запис с количество, мерна единица, име и бележка, групирани в незадължителни секции като „За соса“. Страницата с рецепта има контрол на порциите, който мащабира всяко количество и показва приятелски дроби, превключвател метрични/американски мерни единици и режим на готвене с едър текст, отметки за стъпките и екран, който остава буден. Търсене по име на рецепта или съставка и филтриране по таг и общо време. Потребителите могат да запазват рецепти в колекции и да добавят една или няколко рецепти в списък за пазар, който слива съвпадащите съставки и ми позволява да отмятам артикулите. Членовете на семейството влизат с имейл и парола и споделят една готварска книга, която всички могат да редактират. Съхранявай всичко в база данни и снимките във файлово хранилище. Добави шест примерни рецепти.

Стъпки за изграждане

1. Страница с рецепта върху примерни данни. Направете изгледа за готвене отличен на телефон, преди всичко останало.
2. Структурирано въвеждане на съставки. Формуляр, в който всеки ред е количество, мерна единица, съставка и бележка. Предложете също кутия „постави списък“, която разделя текста на редове, и после позволете на готвача да поправи всичко, което е разделено грешно.
3. Мащабиране и мерни единици. Тествайте с неудобни случаи: ⅓ чаша, удвоена, 1 яйце, наполовина, „сол по вкус“.
4. Търсене и филтри.
5. Списък за пазар. Слейте „2 лука“ и „1 лук“ в „3 лука“; различните мерни единици пазете отделно, вместо да гадаете.
6. Вход и споделяне. Вижте как да добавите вход в приложението си.
7. Снимки. Преоразмерявайте при качване, за да са бързи страниците.
8. Публични страници и маркиране (ако е публично). След това публикувайте и проверете изходния код на страница с рецепта.

Чести грешки

• Съставките като едно текстово поле. Губите мащабиране, списъци за пазар и търсене по съставка.
• Десетични числа на екрана. „0.333 чаши“ е неизползваемо. Показвайте дроби.
• Житейска история преди рецептата. В собствено приложение поставете съставките близо до началото, с линк „към рецептата“, ако има история.
• Снимки в пълен размер. Снимките от телефон са големи; преоразмерявайте и компресирайте.
• Публикуване на чужди рецепти. Импортирането за лична употреба е едно нещо; публикуването на чужд текст и снимки е друго.
• Фалшиви рейтинги в структурираните данни. Търсачките могат да наказват подвеждащото маркиране.
• Хранителни стойности, представени като точни. Ако изчислявате храненето, кажете, че е оценка, и посочете източника на данните.

Кога готово приложение за рецепти е по-добро

Ако искате да запазвате и готвите собствените си рецепти, установените приложения за мениджър на рецепти вече импортират от сайтове, синхронизират между устройства и работят без интернет. За кулинарен блог платформите за блогове с плъгини за карти на рецепти се справят с маркирането и изгледите за печат от кутията.

Стройте собствено, когато искате нещо, което тези инструменти не правят: система за рецепти за бизнес с калкулация на разходите или проследяване на алергени, готварска книга, споделяна в голямо семейство, с ваша структура, рецепти, свързани с хранителен план или магазин, или дизайн, който е изцяло ваш. Ако планирането на седмичното меню е истинската цел, прочетете как да създадете приложение за планиране на хранене след това.

Изграждане с Mythex

В Mythex описвате приложението за рецепти в чат, проверявате изгледа за готвене в рамката с размер на телефон в жива преглед среда и го публикувате на публичен адрес, който семейството или читателите могат да отворят на телефоните си и да добавят към началния екран. Mythex добавя отделна Postgres база данни за рецепти и съставки и файлово хранилище за снимки, когато приложението ги изисква. Входът е със собствен подход: избирате подхода, а агентът го свързва. В Pro Mythex може да опакова приложението и като Android и iPhone приложение, изпратено за вътрешно тестване в Google Play и TestFlight. За публичен сайт с рецепти вижте шаблона за кулинарен блог и нашето ръководство за как да създадете мобилно уеб приложение.

Въпроси