Afficher dynamiquement les recettes d’un utilisateur via une back-end query
Cette leçon explique comment effectuer une requête back-end pour afficher les recettes associées à un utilisateur authentifié dans une application. Vous apprendrez à manipuler la base de données pour obtenir un affichage dynamique et personnalisé des données.
Introduction au projet d'application FlutterFlow + Firebase
Configurer les bases du projet
Mettre en place l’authentification des utilisateurs









Intégrer l’intelligence artificielle pour générer des recettes














Afficher et gérer l’historique des recettes




Gérer les recettes favorites
Créer une page recette individuelle
Détails de la leçon
Description de la leçon
Dans cette vidéo pédagogique, l’accent est mis sur la manipulation des requêtes back-end afin de récupérer et d’afficher automatiquement les recettes associées à un utilisateur connecté au sein d’une application. Après une explication rapide de la structure de la base de données, la démarche consiste à intégrer une query collection, permettant la récupération de toutes les recettes dont le parent est l'utilisateur actuellement authentifié.
Le formateur montre comment configurer l’interface utilisateur pour rendre la liste des recettes scrollable et dynamique, en supprimant toute liste statique initiale. Il détaille ensuite comment relier chaque champ dynamique de la base (titre, durée, nombre de personnes, favori, date de création) à la présentation visuelle. Notamment, la date est affichée dans un format relatif (ex : « il y a cinq minutes »), pour une meilleure expérience utilisateur.
La vidéo poursuit par une introduction à la navigation vers la page détaillée d'une recette, via l’action d’un bouton dédié. Enfin, une démonstration de l’intégration en conditions réelles permet de valider que toutes les recettes de l’utilisateur authentifié sont correctement affichées, en temps réel, lors de l’exécution.
Objectifs de cette leçon
L’objectif principal est de maîtriser la récupération et l'affichage dynamiques de données issues d’une base pour un utilisateur spécifique. La leçon vise aussi à améliorer la capacité à relier l’interface utilisateur aux données récupérées via des requêtes back-end, et à faciliter la navigation entre les pages de l’application.
Prérequis pour cette leçon
Il est recommandé d’avoir des connaissances de base en développement d’applications, notamment sur la manipulation des bases de données, la structure des collections et l’utilisation d’un framework UI comme Flutter ou équivalent.
Métiers concernés
Ce sujet concerne notamment les développeurs mobile, développeurs full stack, ingénieurs logiciels, ainsi que les chefs de projet technique souhaitant comprendre la gestion des données personnalisées pour les utilisateurs d’applications.
Alternatives et ressources
Des solutions comme Firebase Firestore, MongoDB avec Node.js, ou Supabase peuvent être utilisées pour réaliser des requêtes similaires. La logique est applicable à d’autres frameworks et technologies soutenant la gestion dynamique des données utilisateur.
Questions & Réponses
