Comment créer une application de recettes : recettes, adaptation des portions, listes de courses et recherche

Une application de recettes est une collection de recettes avec une bonne recherche, des pages de cuisine claires et quelques outils pratiques en cuisine : adapter les portions, convertir les unités et transformer les recettes en liste de courses. Qu'il s'agisse de votre livre de cuisine familial, d'un blog culinaire avec des fiches recettes ou d'un produit de recettes destiné à d'autres, la seule décision qui fait tenir l'ensemble est de stocker les ingrédients sous forme de données structurées, et non dans un paragraphe de texte. Si c'est bien fait, les fonctions utiles deviennent faciles à ajouter.

Décider du type d'application de recettes

Type	Qui ajoute les recettes	Ce qui compte le plus
Livre de cuisine personnel ou familial	Vous et quelques proches	Saisie facile, import depuis des liens, privé par défaut
Site de recettes ou blog culinaire	Vous ou votre équipe	Photos, référencement, balisage des recettes, pages rapides
Communauté de recettes	Les membres	Comptes, modération, notes, signalements
Produit de recettes pour une entreprise	Le personnel (un service de kits repas, une marque de nutrition, un groupe de restaurants)	Cohérence, données nutritionnelles, calcul des coûts

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

De quoi une application de recettes a besoin

Données

Recettes — titre, slug, description, nombre de 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, minuteur facultatif.
Collections et éléments de collection.
Éléments de liste de courses — utilisateur, nom de l'ingrédient, quantité, unité, coché.

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

Droits d'accès

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

Les fonctions qui rendent l'application utile

Adapter les portions. Multipliez chaque quantité par le nombre de portions souhaitées ÷ le nombre de portions d'origine. Affichez des fractions lisibles (¾ tasse, et non 0,75 tasse) et arrondissez les quantités bizarres. Certaines choses ne se proportionnent pas de façon linéaire — l'assaisonnement, les temps de cuisson, la taille des moules — donc une courte note sur la recette aide.

Conversion d'unités. Un bouton métrique/US. Convertissez les volumes et les poids dans leur propre catégorie ; convertir des tasses de farine en grammes nécessite une densité par ingrédient, ce qui est une fonction ultérieure, pas une première.

Mode cuisine. Texte grand, une étape à la fois ou une liste défilante avec des cases à cocher, et écran maintenu allumé pendant la cuisson (les navigateurs prennent en charge le verrouillage d'écran sur de nombreux appareils). C'est la fonction pour laquelle on vous remercie.

Liste de courses. Combinez les ingrédients de plusieurs recettes, fusionnez le même ingrédient avec la même unité, regroupez par rayon, et laissez les gens cocher les articles en magasin.

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

Le référencement des pages de recettes publiques

Si les gens doivent trouver vos recettes via la recherche, chaque recette a besoin de sa propre URL, d'un titre et d'une description uniques, et d'un contenu de recette présent dans le HTML au chargement de la page plutôt que dessiné plus tard par JavaScript. Ajoutez des données structurées schema.org Recipe — ingrédients, étapes, durées, portions, image — générées depuis votre base de données pour qu'elles correspondent toujours à la page. N'incluez des notes 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 liste les champs qu'elle utilise.

Exemple de premier prompt

Crée une application de recettes familiale, pensée d'abord pour les téléphones. Chaque recette a un titre, une photo, un nombre de 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 réglage des portions qui adapte chaque quantité et affiche des fractions lisibles, un bouton unités métriques/US, et un mode cuisine avec texte grand, cases à cocher pour les étapes et un écran qui reste allumé. Recherche par nom de recette ou par ingrédient, et filtre par étiquette et durée totale. Les utilisateurs peuvent enregistrer des recettes dans des collections et ajouter une ou plusieurs recettes à une liste de courses qui fusionne les ingrédients identiques et me permet de cocher les articles. Les membres de la famille se connectent avec e-mail et mot de passe et partagent un seul livre de cuisine que tout le monde peut 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

Page de recette avec des données d'exemple. Rendez la vue cuisine excellente sur téléphone avant tout le reste.
Saisie structurée des ingrédients. Un formulaire où chaque ligne est une quantité, une unité, un ingrédient et une note. Proposez aussi une case « coller une liste » qui découpe le texte en lignes, puis laisse le cuisinier corriger ce qui a été mal découpé.
Adaptation des portions et unités. Testez les cas délicats : ⅓ de tasse doublé, 1 œuf divisé par deux, « sel à goût ».
Recherche et filtres.
Liste de courses. Fusionnez « 2 oignons » et « 1 oignon » en « 3 oignons » ; gardez les unités différentes séparées plutôt que de deviner.
Connexion et partage. Voir comment ajouter une connexion à votre application.
Photos. Redimensionnez à l'envoi pour que les pages restent rapides.
Pages publiques et balisage (si public). Puis publiez et vérifiez le code source d'une page de recette.

Erreurs courantes

Les ingrédients dans un seul champ de texte. Vous perdez l'adaptation des portions, les listes de courses et la recherche par ingrédient.
Des décimales à l'écran. « 0,333 tasse » est inutilisable. Affichez des fractions.
L'histoire de vie avant la recette. Dans votre propre application, mettez les ingrédients près du haut, avec un lien « aller à la recette » si une anecdote précède.
Des photos en pleine taille. Les photos de téléphone sont lourdes ; redimensionnez-les 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.
De fausses notes dans les données structurées. Les moteurs de recherche peuvent pénaliser un balisage trompeur.
Des valeurs nutritionnelles présentées comme exactes. Si vous calculez la nutrition, indiquez qu'il s'agit d'une estimation et nommez la source des données.

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

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

Créez 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 cuisine partagé dans une grande famille avec votre propre structure, des recettes liées à un plan de repas ou à un magasin, ou un design entièrement vôtre. Si planifier les repas de la semaine est le vrai objectif, lisez ensuite comment créer une application de planification de repas.

Le construire avec Mythex

Sur Mythex, vous décrivez l'application de recettes dans le chat, vérifiez la vue cuisine dans le cadre au format téléphone de l'aperçu en direct, et la publiez sur 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, ainsi qu'un stockage de fichiers pour les photos lorsque l'application en a besoin. La connexion se fait avec votre propre méthode : vous choisissez l'approche et l'agent l'intègre. Avec l'offre Pro, Mythex peut aussi l'encapsuler en application Android et iPhone, envoyée aux tests internes de Google Play et à TestFlight. Pour un site de recettes public, voir le modèle de blog culinaire et notre guide sur la création d'une application web adaptée aux mobiles.

Questions

Comment stocker les recettes dans une base de données ?

Enregistrez chaque ingrédient sur une ligne distincte, avec une quantité, une unité, le nom de l'ingrédient et une note facultative, plutôt qu'un bloc de texte unique. C'est cette structure qui rend possibles l'adaptation des portions, la conversion d'unités, les listes de courses et la recherche par ingrédient.

Une application de recettes peut-elle importer des recettes d'autres sites ?

De nombreux sites de recettes publient des données Recipe au format schema.org dans leurs pages, que l'application peut lire pour importer le titre, les ingrédients et les étapes. Considérez les imports comme des favoris personnels : republier publiquement le texte et les photos d'autrui peut enfreindre le droit d'auteur.

Comment les recettes apparaissent-elles avec photos et notes dans Google ?

Google peut afficher des résultats enrichis de recettes lorsqu'une page contient des données structurées Recipe valides, en suivant sa propre documentation. N'incluez des notes que si ce sont de véritables évaluations affichées sur la page, et testez la page avec l'outil de test des résultats enrichis de Google.

Une application de recettes doit-elle être un site web ou une application mobile ?

Une application web adaptée aux mobiles est le point de départ le plus pratique : elle fonctionne sur tout téléphone, peut être ajoutée à l'écran d'accueil, et les pages de recettes peuvent être trouvées via la recherche. Une application native se justifiera plus tard si vous avez besoin d'un usage hors ligne ou de fonctions de l'appareil que le web ne permet pas.