Projet #1: Amazon
Projet #2: Uber
Projet #3: Instagram
Projet #4: TikTok
Projet #5: Whatsapp
Projet #2: L'application Uber
Planning vidéo
-
1
Présentation de l’application Uber
Explorez en détail l'application Uber que vous allez construire avec Flutterflow. Familiarisez-vous avec les fonctionnalités clés d'une application de covoiturage et comprenez la structure globale du projet.
-
2
Les bases de l’application
Plongez dans les bases de l'application Uber en utilisant Flutterflow. Découvrez l'interface utilisateur, la navigation, et les éléments essentiels nécessaires pour créer une application de covoiturage complète.
-
3
Création de la page d'accueil
Suivez ce tutoriel pour créer une page d'accueil attrayante et fonctionnelle pour votre application Uber. Apprenez à présenter les options de trajet et à faciliter la navigation pour les utilisateurs.
-
4
Gestion des chauffeurs et des catégories
Explorez la gestion efficace des chauffeurs et des catégories de véhicules dans votre application. Apprenez à organiser les informations pour une expérience de recherche simplifiée.
-
5
Affichage de marqueurs dynamiques pour chaque chauffeur
Découvrez comment afficher des marqueurs dynamiques sur la carte pour représenter chaque chauffeur en temps réel. Apprenez à mettre à jour dynamiquement la position des chauffeurs sur la carte.
-
6
Création d'un nouveau trajet
Suivez ce tutoriel pour mettre en place la création d'un nouveau trajet dans votre application. Apprenez à collecter les informations nécessaires et à initier le processus de réservation.
-
7
Calculer la distance et la durée d'un trajet
Explorez la manière de calculer automatiquement la distance et la durée estimées d'un trajet. Intégrez ces informations pour informer les utilisateurs lors de la planification de leur trajet.
-
8
Afficher le tracé du trajet sur la carte
Apprenez à afficher visuellement le tracé du trajet sur la carte, offrant aux utilisateurs une vue détaillée de l'itinéraire prévu.
-
9
Choisir parmi les options de trajet
Explorez la mise en place d'options de trajet variées pour les utilisateurs. Apprenez à présenter différentes catégories de véhicules ou d'options de trajet pour répondre à divers besoins.
-
10
Sélectionner automatiquement le chauffeur
Suivez ce tutoriel pour implémenter la sélection automatique d'un chauffeur en fonction de divers critères. Optimisez le processus de jumelage entre les conducteurs et les passagers.
-
11
Finaliser le paiement avec Stripe
Découvrez comment intégrer le service de paiement Stripe pour finaliser les transactions dans votre application Uber. Assurez-vous que le processus de paiement est sécurisé et transparent.
-
12
Ajouter l'historique des trajets
Apprenez à créer une section d'historique des trajets où les utilisateurs peuvent consulter leurs trajets passés. Intégrez des fonctionnalités de filtrage et de recherche pour une meilleure expérience utilisateur.
L'application
Vous pouvez tester cette application en version web en utilisant le lien suivant: https://uber-k49c8t.flutterflow.app/ L’application ne fonctionne pas exactement pareille en version web, par rapport à la version mobile sur iOS. La fonctionnalité polylines de tracé de notre itinéraire sur une carte n’affichera pas le même rendu que sur mobile.
Pour cloner, vous aurez besoin de configurer votre projet Firebase et d’ajouter les différentes clés Google Maps et Stripe. Vous pourrez réutiliser librement toutes les pages de l’application pour vos différents projets.