Comment créer une app de recettes : recettes, mise à l'échelle, listes d'épicerie et recherche

Une app de recettes est une collection de recettes avec une bonne recherche, des pages de cuisine claires et quelques outils pour la cuisine — ajuster les portions, convertir les unités et transformer les recettes en liste d'épicerie. Qu'il s'agisse de votre livre de recettes familial, d'un blogue culinaire avec fiches de recettes ou d'un produit de recettes pour d'autres, la décision qui fait tout fonctionner est de stocker les ingrédients comme des données structurées, et non comme un paragraphe de texte. Si vous faites cela correctement, les fonctionnalités utiles deviennent faciles à mettre en place.

Décider du type d'app de recettes

Le modèle de données est le même pour ces quatre types. Ce qui change, c'est qui peut écrire et si les moteurs de recherche doivent trouver les pages.

Ce dont une app de recettes a besoin

Pages

• Liste ou accueil des recettes — cartes avec photo, titre, temps total et étiquettes.
• Page de recette — la vue de cuisine : photo, contrôle des portions, liste des ingrédients, étapes numérotées, notes.
• Recherche et filtres — par nom, par ingrédient, par étiquette (végétarien, rapide, dessert), par temps.
• Ajouter et modifier une recette — un formulaire qui gère les ingrédients ligne par ligne.
• Collections — « Semaine », « Noël », « Recettes de maman ».
• Liste d'épicerie — créée à partir d'une ou de plusieurs recettes.

Données

• Recettes — titre, identifiant d'URL, description, portions, temps de préparation, temps de cuisson, photo, étiquettes, source, auteur, visibilité.
• Ingrédients — recette, position, quantité, unité, nom, note (« finement haché »), groupe facultatif (« Pour la sauce »).
• Étapes — recette, position, texte, minuterie facultative.
• Collections et éléments de collection.
• Éléments de liste d'épicerie — utilisateur, nom de l'ingrédient, quantité, unité, coché.

Les quantités doivent être des nombres. « 1 ½ tasse » devient la quantité 1.5, l'unité tasse. Gardez une petite liste des unités que l'app comprend, et permettez le texte libre (« une pincée », « au goût ») sans quantité.

Autorisations

Un livre de recettes personnel exige un seul compte et des recettes privées. Un livre familial exige des collections partagées que plusieurs personnes peuvent modifier. Un site public exige des lecteurs (sans connexion) et des éditeurs. Une communauté exige des membres qui possèdent leurs propres recettes et des modérateurs qui peuvent masquer n'importe quel contenu.

Les fonctionnalités qui rendent l'app utile

Ajustement des portions. Multipliez chaque quantité par les nouvelles portions ÷ les portions d'origine. Affichez des fractions raisonnables (¾ tasse, non 0,75 tasse) et arrondissez les quantités malcommodes. Certaines choses ne se mettent pas à l'échelle de façon linéaire — l'assaisonnement, les temps de cuisson, la taille des plats —, donc une courte note sur la recette aide.

Conversion d'unités. Un bouton métrique/impérial. Convertissez les volumes et les poids dans leur propre type; convertir des tasses de farine en grammes exige une densité par ingrédient, ce qui est une fonctionnalité ultérieure, non une première.

Mode cuisine. Texte de grande taille, une étape à la fois ou une liste défilante avec cases à cocher, et écran maintenu allumé pendant la cuisine (les navigateurs prennent en charge le verrouillage de l'écran sur beaucoup d'appareils). C'est la fonctionnalité pour laquelle les gens vous remercient.

Liste d'épicerie. Combinez les ingrédients de plusieurs recettes, fusionnez le même ingrédient avec la même unité, regroupez par allée, et laissez les gens cocher les articles au magasin.

Recherche par ingrédient. « Que puis-je faire avec du poulet et des poireaux? » ne fonctionne que parce que les ingrédients sont des enregistrements distincts. Voir comment ajouter la recherche à votre app.

Référencement des pages publiques de recettes

Si les gens doivent trouver vos recettes par recherche, chaque recette a besoin de sa propre URL, d'un titre et d'une description uniques, et d'un contenu présent dans le HTML au chargement de la page plutôt qu'affiché plus tard par JavaScript. Ajoutez les données structurées schema.org Recipe — ingrédients, étapes, temps, portions, image — générées à partir de votre base de données pour qu'elles correspondent toujours à la page. N'incluez des évaluations que si de vraies personnes les ont laissées sur la page. Notre guide sur ce que sont les données structurées explique le balisage, et la documentation de Google énumère les champs qu'elle utilise.

Exemple de première consigne

Crée une app familiale de recettes, conçue d'abord pour les téléphones. Chaque recette a un titre, une photo, des portions, des temps de préparation et de cuisson, des étiquettes, des ingrédients et des étapes numérotées. Enregistre chaque ingrédient comme un enregistrement distinct avec quantité, unité, nom et note, regroupés en sections facultatives comme « Pour la sauce ». La page de recette comporte un contrôle des portions qui ajuste chaque quantité et affiche des fractions lisibles, un bouton métrique/impérial, et un mode cuisine avec texte de grande taille, cases à cocher par étape et écran qui reste allumé. Recherche par nom de recette ou ingrédient, et filtre par étiquette et temps total. Les utilisateurs peuvent enregistrer des recettes dans des collections et ajouter une ou plusieurs recettes à une liste d'épicerie qui fusionne les ingrédients correspondants et permet de cocher les articles. Les membres de la famille se connectent avec courriel et mot de passe et partagent un seul livre de recettes que tous peuvent modifier. Enregistre tout dans une base de données et stocke les photos dans le stockage de fichiers. Ajoute six recettes d'exemple.

Étapes de construction

1. Page de recette avec données d'exemple. Rendez la vue de cuisine excellente sur téléphone avant toute chose.
2. Saisie structurée des ingrédients. Un formulaire où chaque ligne est quantité, unité, ingrédient et note. Offrez aussi une case « coller une liste » qui divise le texte en lignes, puis permet à la cuisinière ou au cuisinier de corriger ce qui a été mal divisé.
3. Ajustement et unités. Testez avec des cas délicats : ⅓ de tasse doublé, 1 œuf divisé par deux, « sel au goût ».
4. Recherche et filtres.
5. Liste d'épicerie. Fusionnez « 2 oignons » et « 1 oignon » en « 3 oignons »; gardez les unités différentes séparées plutôt que de deviner.
6. Connexion et partage. Voir comment ajouter une connexion à votre app.
7. Photos. Redimensionnez au téléversement pour que les pages restent rapides.
8. Pages publiques et balisage (si public). Ensuite publiez et vérifiez le code source d'une page de recette.

Erreurs courantes

• Des ingrédients dans un seul champ de texte. Vous perdez l'ajustement des portions, les listes d'épicerie et la recherche par ingrédient.
• Des décimales à l'écran. « 0,333 tasse » est inutilisable. Affichez des fractions.
• L'histoire personnelle avant la recette. Dans votre propre app, placez les ingrédients près du haut, avec un lien « aller à la recette » s'il y a une histoire.
• Photos en pleine taille. Les photos de téléphone sont volumineuses; redimensionnez et compressez-les.
• Copier publiquement les recettes d'autres sites. Importer pour un usage personnel est une chose; republier le texte et les photos d'autrui en est une autre.
• Fausses évaluations dans les données structurées. Les moteurs de recherche peuvent pénaliser un balisage trompeur.
• Des chiffres nutritionnels présentés comme exacts. Si vous calculez la valeur nutritive, dites qu'il s'agit d'une estimation et nommez la source des données.

Quand une app de recettes toute faite est préférable

Si vous voulez enregistrer et cuisiner vos propres recettes, les apps établies de gestion de recettes importent déjà depuis les sites web, se synchronisent entre appareils et fonctionnent hors ligne. Pour un blogue culinaire, les plateformes de blogue avec extensions de fiches de recettes gèrent le balisage et les vues d'impression d'emblée.

Construisez la vôtre lorsque vous voulez quelque chose que ces outils ne font pas : un système de recettes pour une entreprise avec calcul des coûts ou suivi des allergènes, un livre de recettes partagé par une grande famille avec votre propre structure, des recettes liées à un plan de repas ou à un magasin, ou un design entièrement à vous. Si planifier les repas de la semaine est le véritable objectif, lisez ensuite comment créer une app de planification de repas.

Le construire avec Mythex

Dans Mythex, vous décrivez l'app de recettes dans le clavardage, vérifiez la vue de cuisine dans le cadre aux dimensions d'un téléphone de l'aperçu en direct, et la publiez à une adresse publique que la famille ou les lecteurs peuvent ouvrir sur leur téléphone et ajouter à l'écran d'accueil. Mythex ajoute une base de données Postgres dédiée pour les recettes et les ingrédients, et du stockage de fichiers pour les photos lorsque l'app en a besoin. La connexion est fournie par vos soins : vous choisissez la méthode et l'agent la branche. Avec le forfait Pro, Mythex peut aussi l'emballer en app Android et iPhone, envoyée aux tests internes de Google Play et à TestFlight. Pour un site public de recettes, consultez le modèle de blogue culinaire et notre guide sur la création d'une app web adaptée aux mobiles.

Questions