Projet #1: Amazon

Projet #2: Uber

Projet #3: Instagram

Projet #4: TikTok

Projet #5: Whatsapp

Projet #2: L'application Uber

Découvrir Toute La Formation »

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.

Découvrir Toute La Formation »

© Driss AS - Tous Droits Réservés - CGV