Como Criar uma App de Receitas: Receitas, Porções, Listas de Compras e Pesquisa

Uma app de receitas é uma coleção de receitas com boa pesquisa, páginas de confeção claras e alguns auxiliares de cozinha — ajustar as porções, converter unidades e transformar receitas numa lista de compras. Seja um livro de cozinha de família, um blogue de culinária com cartões de receita ou um produto de receitas para outros, a decisão que faz tudo o resto funcionar é guardar os ingredientes como dados estruturados, e não como um parágrafo de texto. Acerte nisso e as funcionalidades úteis tornam-se fáceis.

Decida que tipo de app de receitas é

O modelo de dados é o mesmo nos quatro casos. O que muda é quem pode escrever e se as páginas precisam de ser encontradas pelos motores de pesquisa.

O que precisa uma app de receitas

Páginas

• Lista de receitas ou página inicial — cartões com fotografia, título, tempo total e etiquetas.
• Página da receita — a vista de confeção: fotografia, controlo de porções, lista de ingredientes, passos numerados, notas.
• Pesquisa e filtros — por nome, por ingrediente, por etiqueta (vegetariana, rápida, sobremesa), por tempo.
• Adicionar e editar receita — um formulário que trata os ingredientes linha a linha.
• Coleções — «Dias de semana», «Natal», «As receitas da mãe».
• Lista de compras — criada a partir de uma ou várias receitas.

Dados

• Receitas — título, slug, descrição, porções, tempo de preparação, tempo de confeção, fotografia, etiquetas, origem, autor, visibilidade.
• Ingredientes — receita, posição, quantidade, unidade, nome, nota («muito picado»), grupo opcional («Para o molho»).
• Passos — receita, posição, texto, temporizador opcional.
• Coleções e itens de coleção.
• Itens da lista de compras — utilizador, nome do ingrediente, quantidade, unidade, marcado.

As quantidades devem ser números. «1 ½ chávena» passa a quantidade 1.5, unidade chávena. Mantenha uma pequena lista de unidades que a app compreende e permita texto livre («uma pitada», «q.b.») sem quantidade.

Permissões

Um livro de cozinha pessoal precisa de uma conta e de receitas privadas. Um livro de família precisa de coleções partilhadas que várias pessoas possam editar. Um site público precisa de leitores (sem login) e de editores. Uma comunidade precisa de membros que sejam donos das suas receitas e de moderadores que possam ocultar qualquer conteúdo.

As funcionalidades que fazem valer a pena usar

Ajustar as porções. Multiplique cada quantidade por porções novas ÷ porções originais. Mostre frações razoáveis (¾ chávena, e não 0,75 chávena) e arredonde quantidades difíceis. Algumas coisas não escalam de forma linear — tempero, tempos de forno, tamanhos de tabuleiro — por isso uma nota curta na receita ajuda.

Conversão de unidades. Um seletor métrico/imperial. Converta volumes e pesos dentro do seu próprio tipo; converter chávenas de farinha em gramas exige uma densidade por ingrediente, o que é uma funcionalidade para mais tarde, e não para a primeira versão.

Modo de confeção. Texto grande, um passo de cada vez ou uma lista com deslocamento e caixas de seleção, e o ecrã mantido ativo enquanto cozinha (muitos dispositivos suportam o bloqueio de ecrã do browser). É a funcionalidade pela qual as pessoas lhe agradecem.

Lista de compras. Combine ingredientes de várias receitas, una o mesmo ingrediente com a mesma unidade, agrupe por corredor e deixe as pessoas marcar os itens na loja.

Pesquisa por ingrediente. «O que posso fazer com frango e alho-francês?» só funciona porque os ingredientes são registos separados. Veja como adicionar pesquisa à sua app.

SEO para páginas públicas de receitas

Se as pessoas devem encontrar as suas receitas através da pesquisa, cada receita precisa do seu próprio URL, de um título e descrição únicos, e de conteúdo que esteja no HTML quando a página carrega, em vez de ser desenhado depois por JavaScript. Acrescente dados estruturados schema.org Recipe — ingredientes, passos, tempos, porções, imagem — gerados a partir da base de dados, para que correspondam sempre à página. Inclua avaliações apenas se pessoas reais as tiverem deixado na página. O nosso guia sobre o que são dados estruturados explica a marcação, e a documentação do próprio Google lista os campos que utiliza.

Exemplo de primeiro prompt

Crie uma app de receitas familiar, pensada primeiro para telemóveis. Cada receita tem título, fotografia, porções, tempo de preparação e de confeção, etiquetas, ingredientes e passos numerados. Guarde cada ingrediente como um registo próprio com quantidade, unidade, nome e nota, agrupados em secções opcionais como «Para o molho». A página da receita tem um controlo de porções que ajusta todas as quantidades e mostra frações legíveis, um seletor de unidades métricas/imperiais, e um modo de confeção com texto grande, caixas de seleção por passo e um ecrã que se mantém ativo. Pesquise pelo nome da receita ou pelo ingrediente, e filtre por etiqueta e tempo total. Os utilizadores podem guardar receitas em coleções e acrescentar uma ou mais receitas a uma lista de compras que una os ingredientes iguais e me deixe marcar os itens. Os membros da família iniciam sessão com email e palavra-passe e partilham um livro de cozinha que todos podem editar. Guarde tudo numa base de dados e as fotografias no armazenamento de ficheiros. Acrescente seis receitas de exemplo.

Passos de construção

1. Página de receita com dados de exemplo. Torne a vista de confeção excelente num telemóvel antes de tudo o resto.
2. Introdução estruturada de ingredientes. Um formulário em que cada linha é quantidade, unidade, ingrediente e nota. Ofereça também uma caixa «colar uma lista» que separe o texto em linhas, para que quem cozinha corrija o que foi separado mal.
3. Porções e unidades. Teste casos difíceis: ⅓ de chávena duplicado, 1 ovo dividido ao meio, «sal q.b.».
4. Pesquisa e filtros.
5. Lista de compras. Una «2 cebolas» e «1 cebola» em «3 cebolas»; mantenha unidades diferentes separadas em vez de adivinhar.
6. Login e partilha. Veja como adicionar login à sua app.
7. Fotografias. Redimensione no carregamento para que as páginas continuem rápidas.
8. Páginas públicas e marcação (se forem públicas). Depois publique e verifique o código-fonte de uma página de receita.

Erros comuns

• Ingredientes num único campo de texto. Perde as porções, as listas de compras e a pesquisa por ingrediente.
• Decimais no ecrã. «0,333 chávenas» não é utilizável. Mostre frações.
• A história de vida antes da receita. Na sua própria app, ponha os ingredientes perto do topo, com uma ligação «ir para a receita» se houver uma história.
• Fotografias em tamanho original. As fotografias de telemóvel são grandes; redimensione-as e comprima-as.
• Copiar publicamente receitas de outros sites. Importar para uso pessoal é uma coisa; republicar o texto e as fotografias de outra pessoa é outra.
• Avaliações falsas em dados estruturados. Os motores de pesquisa podem penalizar marcações enganadoras.
• Valores nutricionais apresentados como exatos. Se calcular a nutrição, diga que é uma estimativa e indique a fonte dos dados.

Quando uma app de receitas pronta é melhor

Se quer guardar e cozinhar as suas próprias receitas, as apps de gestão de receitas já existentes importam a partir de sites, sincronizam entre dispositivos e funcionam offline. Para um blogue de culinária, as plataformas de blogues com plugins de cartões de receita tratam da marcação e das vistas de impressão logo de início.

Construa a sua própria quando quiser algo que essas ferramentas não fazem: um sistema de receitas para uma empresa com cálculo de custos ou controlo de alergénios, um livro de cozinha partilhado por uma família grande com estrutura própria, receitas ligadas a um plano de refeições ou a uma loja, ou um design totalmente seu. Se o objetivo real é planear as refeições da semana, leia a seguir como criar uma app de planeamento de refeições.

Construir com a Mythex

Na Mythex descreve a app de receitas no chat, verifica a vista de confeção no quadro de tamanho de telemóvel da pré-visualização em direto, e publica-a num endereço público que a família ou os leitores podem abrir nos telemóveis e adicionar ao ecrã principal. A Mythex acrescenta uma base de dados Postgres dedicada para receitas e ingredientes, e armazenamento de ficheiros para as fotografias quando a app precisar. O login é feito com a sua própria abordagem: escolhe-a e o agente liga-a. No plano Pro, a Mythex pode também empacotá-la como app Android e iPhone, enviada para os testes internos da Google Play e para o TestFlight. Para um site público de receitas, veja o modelo de blogue de culinária e o nosso guia sobre como criar uma app web adaptada a telemóveis.

Perguntas