Projet / mobilearchivé

Roogr Marketplace App

Audit, refonte des performances et migration backend d'une application marketplace Flutter en arabe

Application marketplace Flutter en arabe (RTL) avec des expériences distinctes pour les clients et les propriétaires de boutiques : navigation dans les produits, scan de QR codes, annonceurs sur une carte, chat et notifications. J'ai repris la base de code existante, rédigé un audit technique couvrant 32 problèmes, puis corrigé et modernisé l'application jusqu'en décembre 2025, en terminant par une migration vers la nouvelle API backend du client.

Points forts

01Audit technique de 32 problèmes (8 critiques, 12 élevés) portant sur les crashs, les fonctionnalités cassées, les performances et la qualité du code.
02Passage de la carte des annonceurs de Google Maps à Mapbox avec prise en charge des cartes hors ligne.
03Préchargement des données pendant l'écran de démarrage avec un cache de 6 heures et le parsing JSON dans un isolate en arrière-plan.
04Notifications push Firebase, une interface de chat repensée, et la surveillance de la connectivité rétablie avec une meilleure gestion des erreurs.
05Migration vers une nouvelle API backend après avoir testé et catalogué chaque endpoint comme fonctionnel, manquant, cassé ou déplacé.
06Chat en temps réel : des listeners Firebase Realtime Database ont remplacé le polling pour les badges de non-lus et la liste des conversations, avec un indicateur de saisie en direct ; journalisation des erreurs via runZonedGuarded pour que les erreurs asynchrones ne fassent plus planter l'application.

Stack

Captures d'écran

Écran de démarrage de Roogr : logotype ROOGR blanc centré sur un fond bleu-vert — Écran de démarrage de Roogr. J'ai ajouté le préchargement des données à cette étape : les catégories, les annonces de l'accueil et les messages sont mis en cache pendant 6 heures, et les gros payloads JSON en cache sont décodés dans un isolate en arrière-plan.

Écran d'accueil en arabe, de droite à gauche, avec une barre de recherche, des icônes de catégories rondes et une grille de deux colonnes d'annonces marquées comme vérifiées, montrant du café, une machine à café, du parfum, une montre et de l'encens, avec un bouton de localisation flottant et une barre d'onglets en bas — Écran d'accueil client en arabe (de droite à gauche) : filtres par catégorie et grille de deux colonnes d'annonces d'annonceurs vérifiés. Le bouton de localisation flottant bascule le fil vers les annonces à proximité.

Le même fil dans sa disposition sur une seule colonne. Chaque carte affiche la note de l'annonce, son annonceur, ainsi que la ville et le quartier.