DOSSIER 001

WhereBus

DÉCLASSIFIÉ

Application web de suivi des bus en temps réel

Rôle: Designer et développeur — maquettes UX, application web React, cartes et suivi en direct
Année: 2022
Stack: React.js
SASS
Firebase
AWS Amplify
Amazon Location Service
Accès: Site en ligne Code

01Aperçu

Une application web qui affiche les bus en direct sur une carte. Les passagers choisissent une ligne et un point de prise en charge, les chauffeurs partagent leur position GPS et les sociétés de transport enregistrent leur flotte et leurs lignes.

Carte des bus en direct · estimation du temps de trajet · recherche de stations et de lignes · partage GPS des chauffeurs · inscription des sociétés.

02Le problème

Les passagers attendent à l’arrêt sans savoir où est leur bus, et les petites sociétés de transport n’ont pas de moyen simple de mettre leurs lignes sur une carte.

03Mon approche

A.01
Une seule application, trois rôles : passager, chauffeur et société
A.02
Positions des chauffeurs synchronisées en direct avec Firebase Realtime Database
A.03
Cartes et estimation des temps de trajet avec Amazon Location Service

04Écrans clés

**S.01**Carte passager : point de prise en charge, ligne et bus

› balayez pour voir les 4 écrans

05Points techniques

Front-end: React 18 · SASS
Cartes et localisation: Amazon Location Service
Données temps réel: Firebase Realtime Database
Back-end: AWS Amplify

06Résultat

Les passagers choisissent une ligne et un point de prise en charge, puis suivent le bus sur la carte avec une estimation du temps de trajet. Les sociétés mettent leurs lignes et stations en ligne en quelques étapes.