développement

devops

mobile


## Contexte

Dans le cadre de mon stage à la Société des Aéroports du Bénin (SAB), j'ai eu à développer un système de collecte des informations et des avis des passagers à l'Aéroport International de Cotonou. L'objectif était de moderniser le processus de collecte des informations et des avis des passagers, qui était auparavant fait à l'aide de formulaires papier, et de fournir aux décideurs des données fiables et en temps réel pour améliorer la qualité des services.

## Objectifs du Projet

La conception de ce système répondait à plusieurs défis stratégiques et opérationnels :

1. **Simplification du parcours passager (Scan & Feedback)** : 
Grâce à des QR codes stratégiquement disposés dans les différentes zones de l'aéroport, les voyageurs peuvent donner leur avis instantanément et renseigner leurs informations depuis leur propre smartphone, sans friction.
2. **Accessibilité et ergonomie** : Offrir une interface web mobile moderne, rapide et accessible sur tous types de terminaux (smartphones, tablettes).
3. **Sécurité et fiabilité des données** : Garantir la confidentialité des informations saisies et assurer une parfaite traçabilité des retours pour éviter les doublons ou falsifications.
4. **Analyse décisionnelle en temps réel** : Permettre à la direction de visualiser instantanément les indicateurs clés de satisfaction pour réagir rapidement aux besoins des usagers.
5. **Centralisation de la gestion** : Structurer un tableau de bord intuitif pour centraliser, filtrer et analyser l'ensemble des feedbacks collectés.

## Technologies Utilisées

Pour réaliser ce projet, j'ai utilisé les technologies suivantes :

* **Frontend** : Next.js / React / TypeScript
* **Backend** : Laravel
* **Base de données** : MySQL

## Fonctionnalités

Le système de feedback passagers offre plusieurs fonctionnalités pour répondre aux besoins identifiés :

### Interface Passagers

* **Formulaire de feedback** : Formulaire intuitif pour collecter les avis des passagers.
* **Système de notation** : Évaluation de différents services de l'aéroport (accueil, sécurité, propreté, etc.).
* **Ajout de commentaires** : Possibilité pour les passagers de laisser des commentaires écrits détaillés.
* **Informations contextuelles** : Collecte d'informations telles que la date, l'heure, la provenance et la destination du vol.
* **Confidentialité** : Option pour les passagers de garder leurs informations confidentielles.

### Tableau de Bord (Pour les administrateurs)

* **Visualisation des indicateurs clés** : Statistiques en temps réel sur la satisfaction des passagers.
* **Filtrage des données** : Possibilité de filtrer les avis par date, vol, service, etc.
* **Gestion des avis** : Interface pour visualiser, traiter et répondre aux avis.
* **Historique complet** : Accès à tous les avis collectés depuis le déploiement.


Système de Feedback Passagers en Temps Réel


## Contexte de la Mission

En tant que **Développeur Full-Stack Freelance**, j'ai été recruté et missionné par la start-up fintech béninoise **ALODO TECH** pour concevoir et réaliser l'intégralité de leur nouvelle plateforme digitale et vitrine institutionnelle. 
ALODO TECH est une entreprise innovante qui propose des solutions technologiques de pointe (terminaux de paiement IoT, bots transactionnels WhatsApp et modèles d'IA de credit scoring) pour digitaliser l'économie informelle en Afrique. Mon rôle a été de matérialiser leur vision à travers un site web moderne, ultra-rapide et hautement professionnel afin de présenter leurs solutions, leurs équipes et d'attirer des partenaires stratégiques.

---

## Objectifs de la Plateforme

La mission principale consistait à créer une interface moderne et fluide répondant aux objectifs clés suivants :
- **Présentation de la Vision & de la Start-up** : Expliquer de façon claire comment ALODO TECH connecte l'économie informelle au secteur financier formel.
- **Mise en valeur des Solutions Clés** : Valoriser de manière interactive et visuelle leurs 3 innovations majeures (le Boîtier IoT de vente, le Bot WhatsApp conversationnel et le modèle d'IA de Credit Scoring).
- **Espace Équipe & Culture** : Présenter les membres fondateurs, l'équipe technique et les offres de recrutement de l'entreprise.
- **Conversion et Prise de Contact** : Intégrer des formulaires de contact dédiés aux investisseurs, banques partenaires et commerçants.

---

## Réalisations Techniques & Fonctionnalités

J'ai piloté le projet de la phase de conception d'architecture jusqu'au déploiement de production :

### Développement de l'Interface (Frontend)
- Conception d'un design sur-mesure, épuré et moderne, utilisant la charte graphique officielle d'ALODO TECH.
- Implémentation d'animations fluides pour présenter le cycle de vie d'une transaction financière.
- Responsive design absolu, optimisé pour les smartphones des partenaires en Afrique ainsi que pour les écrans de bureau des investisseurs internationaux.

### Backend & Gestion des Données
- Intégration de **Supabase** comme base de données en temps réel pour stocker les demandes de démonstration et les candidatures reçues via le formulaire de recrutement.
- Optimisation du SEO (Static Site Generation) pour garantir un temps de chargement inférieur à une seconde, assurant une excellente accessibilité même avec des connexions Internet mobiles limitées.

### Déploiement et Sécurité
- Déploiement de la plateforme sur **Netlify** avec intégration continue (CI/CD) liée au dépôt GitHub.
- Configuration de la sécurité globale de la plateforme pour protéger les formulaires contre les attaques et le spam.

---

## Stack Technique & Architecture

- **Framework principal** : Next.js 14/15 (App Router, Server Components)
- **Langage** : TypeScript
- **Style & Design** : Tailwind CSS & Framer Motion
- **Base de Données & Services** : Supabase (PostgreSQL)
- **Hébergement & CDN** : Netlify (Edge Network)

---

## Découvrir le Projet en Ligne

La plateforme institutionnelle que j'ai développée est entièrement opérationnelle et accessible. Vous pouvez explorer l'ensemble des fonctionnalités et la présentation en ligne :

**Découvrir le site officiel** : [alodotech](https://alodotech.com)

ALODO TECH — Plateforme Vitrine & Institutionnelle


## Contexte du Projet

Le projet **Popeye** est un challenge technique emblématique du cursus **Epitech**, conçu pour initier et faire maîtriser les concepts fondamentaux du métier DevOps. L'objectif était de conteneuriser et d'orchestrer une application web de vote complexe composée de 5 microservices distincts, développés dans différents langages (Python, Node.js, Java).

Réalisé initialement en mars 2024, j'ai pris soin de ré-explorer ce projet en profondeur récemment pour maîtriser les rouages et les "vrais" concepts de Docker et de l'orchestration. Ce projet illustre ma capacité à gérer des architectures logicielles hétérogènes, à optimiser des processus de build, et à mettre en place des environnements isolés et sécurisés.

---

## Objectifs de l'Architecture

La mission consistait à déployer une application de vote en ligne (Cats vs Dogs) en respectant un cahier des charges strict :
- **Poll** (Python/Flask) : Interface web permettant aux utilisateurs de voter.
- **Redis** : File d'attente (broker) en mémoire pour recevoir temporairement les nouveaux votes.
- **Worker** (Java/Maven) : Service de traitement en arrière-plan qui consomme les votes depuis Redis pour les persister.
- **Database** (PostgreSQL) : Base de données relationnelle pour le stockage définitif.
- **Result** (Node.js/Express) : Interface web affichant les résultats des votes en temps réel.

---

## Réalisations Techniques & Fonctionnalités

J'ai piloté l'infrastructure de bout en bout en appliquant les meilleures pratiques DevOps :

### Conteneurisation (Dockerfiles)
- Conception d'images Docker spécifiques pour les environnements Python et Node.js, en utilisant des versions `alpine` pour minimiser le poids final et réduire la surface d'attaque.
- **Multi-stage Build** : Implémentation d'une construction en deux étapes pour le Worker Java. L'étape 1 utilise Maven pour compiler le code lourd, tandis que l'étape 2 (l'image finale de production) ne contient qu'un JRE léger pour exécuter l'application, optimisant drastiquement les performances et le stockage.

### Orchestration avec Docker Compose
- Création du fichier `docker-compose.yml` comme chef d'orchestre pour démarrer, lier et gérer le cycle de vie des 5 conteneurs simultanément.
- **Isolation Réseau Avancée** : Mise en place d'une architecture réseau sécurisée avec 3 réseaux virtuels isolés (`poll-tier`, `result-tier`, `back-tier`). Par exemple, l'interface publique de vote n'a aucun accès direct à la base de données.

### Sécurité & Persistance des Données
- **Gestion des Secrets** : Sécurisation du mot de passe de la base de données via un fichier d'environnement local (`.env`). Aucun identifiant sensible n'est écrit "en dur" ou poussé sur Git.
- **Volumes Docker** : Implémentation d'un volume nommé (`db-data`) pour garantir la persistance absolue des votes dans PostgreSQL, même si l'ensemble de l'infrastructure est détruite ou redémarrée.

---

## Stack Technique & DevOps

- **Développement** : Python (Flask), Node.js (Express), Java (Maven)
- **Data & Cache** : PostgreSQL, Redis
- **Infrastructure & Conteneurisation** : Docker, Podman, Docker Compose, Multi-stage Builds, Volumes persistants, Réseaux isolés (CNI).


Popeye — Architecture Microservices & Conteneurisation


## Contexte du Projet

En tant que **Développeur Full-Stack & Mobile Indépendant**, j'ai conçu et développé de A à Z l'intégralité du projet **VAMIJO**, la première application mobile de covoiturage 100% sécurisée dédiée aux trajets au Bénin. 
Face aux défis de transport en Afrique de l'Ouest, l'objectif était de créer une solution technologique de bout en bout qui connecte conducteurs et passagers, tout en garantissant des transactions financières locales sécurisées et une expérience utilisateur irréprochable. J'ai assumé l'entière responsabilité technique du projet, du développement natif de l'application mobile jusqu'au déploiement de l'infrastructure cloud haute disponibilité.

---

## Objectifs de l'Application

La plateforme devait résoudre des problèmes majeurs de mobilité et de sécurité, répondant aux exigences suivantes :
- **Expérience Mobile Premium** : Offrir une application iOS et Android fluide, intuitive et rapide pour la réservation et la publication de trajets.
- **Sécurité et Confiance** : Implémenter un système strict de vérification des profils, de suivi en temps réel et de notation obligatoire.
- **Paiements Locaux** : Intégrer de manière fluide et sécurisée les solutions de paiement Mobile Money locales (MTN, Moov, Celtiis).
- **Modèle Économique Transparent** : Gérer la gratuité absolue pour les passagers et automatiser le calcul et le prélèvement de la commission de 5% par réservation pour les conducteurs.

---

## Réalisations Techniques & Fonctionnalités

J'ai piloté et réalisé l'intégralité de la conception, du développement et de la mise en production :

### Développement Mobile (Frontend Flutter)
- Conception et développement complet de l'application mobile multiplateforme (iOS & Android) avec **Flutter**.
- Création d'une interface utilisateur (UI/UX) moderne, réactive et adaptée aux réalités des connexions mobiles africaines.
- Gestion d'état complexe, intégration de la géolocalisation en temps réel et des notifications push.

### Backend & Architecture Cloud (DevSecOps)
- Développement d'un backend robuste et d'API RESTful performantes pour servir l'application mobile.
- **Architecture Cloud** : Configuration et déploiement des serveurs sur **DigitalOcean** pour assurer la scalabilité lors des pics de trafic.
- **Haute Disponibilité** : Création d'un mécanisme de "Keep-Alive" personnalisé (spécialement pour les environnements Render) garantissant un temps de réponse instantané (Zero-Downtime) aux utilisateurs.
- **SecOps** : Sécurisation absolue des flux financiers et des données utilisateurs via une séparation stricte des variables d'environnement (Développement vs Production) et le chiffrement des communications.

### Déploiement et CI/CD
- Automatisation complète des processus d'intégration et de déploiement continus (CI/CD) pour permettre des mises à jour fluides sur le Google Play Store et l'App Store.
- Déploiement de la vitrine web et du portail d'administration sur Vercel.

---

## Stack Technique & Architecture

- **Application Mobile** : Flutter (Dart)
- **Backend & API** : Node.js (Express/NestJS)
- **Base de Données** : PostgreSQL / MongoDB
- **Infrastructure Cloud** : DigitalOcean, Render
- **Pratiques DevOps** : CI/CD, Docker, Keep-Alive, SecOps
- **Déploiement Web** : Vercel

---

## Découvrir le Projet

L'infrastructure, la vitrine et l'application Vamijo représentent un aboutissement technique majeur, prêt à révolutionner le transport sous-régional. 

**Découvrir le site officiel de l'application** : [Vamijo (Vitrine)](https://vamijo.vercel.app/)


Développement intégral (Mobile Flutter & Backend DevSecOps) de la première plateforme de covoiturage sécurisée au Bénin et au Togo.