Réalisations techniques
L'ensemble des missions et projets concrets réalisés en entreprise et sur mes projets personnels.
Développement front-end (features & composants)
Contexte : Alternance Développeur Full Stack chez Open (Paris, sep. 2025 → août 2026) — développement d'écrans et de composants pour les applications web de l'équipe produit, avec une attention à l'UX et à la performance.
- ├─Développement de pages métier et de composants réutilisables en React / Next.js (App Router).
- ├─Intégration des APIs : états loading / empty / error, pagination, filtres et recherche.
- ├─Formulaires validés côté client (schémas de validation) et messages d'erreur clairs.
- ├─Responsive design et accessibilité (navigation clavier, contrastes, labels).
- ├─Refactoring pour améliorer lisibilité et maintenabilité, participation aux revues de code.
Environnement : React, Next.js, TypeScript, Tailwind CSS
Moyens : Tickets Jira, PR GitHub, Figma, DevTools navigateur
Back-end & APIs REST
Contexte : Alternance Développeur Full Stack chez Open (Paris, sep. 2025 → août 2026) — conception et développement d'endpoints REST : logique métier, validation, sécurité et robustesse.
- ├─Conception d'endpoints REST en Node.js / Express (statuts HTTP, gestion d'erreurs centralisée).
- ├─Authentification JWT, gestion des rôles et contrôle d'accès sur les routes sensibles.
- ├─Validation des entrées et sérialisation des réponses.
- ├─Logs structurés pour diagnostiquer rapidement les erreurs en recette et en production.
- ├─Documentation des endpoints et collections Postman partagées avec l'équipe front.
Environnement : Node.js, Express, TypeScript, JWT, PostgreSQL
Moyens : Postman, PR GitHub, guidelines internes, logs applicatifs
Base de données PostgreSQL & performance
Contexte : Alternance Développeur Full Stack chez Open (Paris, sep. 2025 → août 2026) — modélisation des données, migrations et optimisation des requêtes sur PostgreSQL.
- ├─Modélisation des tables et relations pour les nouvelles fonctionnalités.
- ├─Écriture de migrations Prisma versionnées et compatibles avec les données existantes.
- ├─Optimisation des requêtes lentes : index, jointures, pagination côté serveur.
- ├─Contrôles d'intégrité et cohérence des données.
- ├─Documentation des choix de modélisation.
Environnement : PostgreSQL, Prisma, SQL
Moyens : Console SQL, EXPLAIN ANALYZE, scripts de seed, tests
Tests & qualité logicielle
Contexte : Alternance Développeur Full Stack chez Open (Paris, sep. 2025 → août 2026) — renforcement de la qualité via les tests automatisés, les standards de code et les rituels agiles.
- ├─Tests unitaires et d'intégration sur les modules clés (Jest, Testing Library).
- ├─Prévention des régressions : scénarios métier et cas limites.
- ├─Lint, formatage et typage strict exécutés en CI sur chaque PR.
- ├─Corrections suite aux revues de code et aux retours de recette.
- ├─Participation aux rituels Scrum : planning, daily, démo, rétrospective.
Environnement : Jest, Testing Library, ESLint, GitHub Actions
Moyens : Pipeline CI, PR GitHub, tickets, documentation
Reverse proxy Nginx, HTTPS & DNS
Contexte : Alternance Développeur Full Stack chez Open (Paris, sep. 2025 → août 2026) — mise en ligne des applications : exposition via Nginx, chiffrement HTTPS et configuration DNS des environnements de recette et de production.
- ├─Configuration de Nginx en reverse proxy : routage du front et de l'API (/api) vers les bons conteneurs.
- ├─Mise en place des certificats HTTPS Let's Encrypt (Certbot) et renouvellement automatique.
- ├─Ajout des en-têtes de sécurité (HSTS, X-Frame-Options, CSP) et redirection HTTP → HTTPS.
- ├─Création et mise à jour des enregistrements DNS (A, CNAME) pour les sous-domaines de recette et de prod.
- ├─Vérifications après mise en production : résolution DNS (dig), certificats, codes de réponse (curl).
Environnement : Nginx, Let's Encrypt / Certbot, DNS, Linux (Ubuntu)
Moyens : Accès SSH, interface du registrar DNS, dig, curl, runbook de mise en production
Réseaux Docker & pare-feu des serveurs
Contexte : Alternance Développeur Full Stack chez Open (Paris, sep. 2025 → août 2026) — cloisonnement réseau des services conteneurisés et filtrage des flux sur les serveurs de recette et de production.
- ├─Conception des réseaux Docker Compose : réseaux bridge séparés front / API / base de données.
- ├─Base de données accessible uniquement depuis le réseau interne de l'API, sans port exposé sur l'hôte.
- ├─Exposition contrôlée des seuls ports nécessaires (80 / 443) derrière Nginx.
- ├─Règles de pare-feu UFW : ouverture minimale, SSH restreint, refus par défaut.
- ├─Diagnostic des problèmes de connectivité entre conteneurs (docker network inspect, ss, curl).
Environnement : Docker, Docker Compose, UFW, Linux, TCP/IP
Moyens : Accès SSH, fichiers Compose versionnés, documentation d'architecture
Intégration d'APIs & gestion des données
Contexte : Stage Développeur Informatique & Systèmes chez InnovQube (Lyon, mars 2025 → août 2025) — intégration d'APIs REST dans des applications web avec un objectif de robustesse et de cohérence des données.
- ├─Connexion à des APIs REST : parsing JSON, gestion des erreurs et retries simples.
- ├─Normalisation des données et contrôles de cohérence.
- ├─Traitements côté front et back selon les besoins.
- ├─Tests fonctionnels et validation avant mise en ligne.
- ├─Documentation des endpoints et des scénarios d'usage.
Environnement : JavaScript / TypeScript, API REST, Git / GitHub
Moyens : Postman, PR GitHub, tickets, environnement de test
Correctifs & amélioration UX
Contexte : Stage Développeur Informatique & Systèmes chez InnovQube (Lyon, mars 2025 → août 2025) — stabilisation des parcours utilisateurs et amélioration de la qualité perçue.
- ├─Correction de bugs et stabilisation des parcours.
- ├─Amélioration UI : clarté, cohérence, composants réutilisables.
- ├─Gestion des états (loading / empty / error) et des messages utilisateur.
- ├─Tests de non-régression avant déploiement.
- ├─Suivi des retours utilisateurs et itérations rapides.
Environnement : Front-end web, TypeScript / JavaScript, Git
Moyens : Tickets, PR GitHub, outils de debug, checklists
Automatisation & scripts Python
Contexte : Stage Développeur Informatique & Systèmes chez InnovQube (Lyon, mars 2025 → août 2025) — automatisation de tâches récurrentes pour fiabiliser les opérations et gagner du temps.
- ├─Scripts d'automatisation : collecte de données, vérifications, reporting.
- ├─Aide au diagnostic : extraction de logs et contrôle de l'état des services.
- ├─Standardisation et documentation des scripts.
- ├─Réduction du temps de traitement des tâches répétitives.
- ├─Tests sur plusieurs environnements.
Environnement : Python, Linux, Bash
Moyens : Accès SSH, VMs, VS Code, Git
Déploiement applicatif sur serveurs Linux
Contexte : Stage Développeur Informatique & Systèmes chez InnovQube (Lyon, mars 2025 → août 2025) — mise en service et maintien des applications développées sur des serveurs Linux.
- ├─Installation des dépendances et configuration des environnements (Node.js, Python).
- ├─Création de services systemd pour lancer les applications et les redémarrer automatiquement.
- ├─Gestion des variables d'environnement et des droits utilisateurs.
- ├─Analyse des logs (journalctl) pour diagnostiquer les incidents.
- ├─Rédaction de procédures de déploiement.
Environnement : Linux (Ubuntu), systemd, SSH, Node.js, Python
Moyens : Accès SSH, VMs de test, documentation interne
Onboarding multi-écrans
Contexte : Projet mobile Kyosk (2025) — onboarding moderne avec slides, pagination, responsive téléphone / tablette et navigation vers l'accueil.
- ├─Slides via PagerView et indicateurs de pagination (PageDots).
- ├─Mise en page responsive : tablette vs mobile (dimensions, typographies).
- ├─Gestion SafeArea (insets) et bouton d'action persistant en bas d'écran.
- ├─Fin d'onboarding → redirection vers l'accueil (router.replace).
- ├─Blocage du parcours si l'onboarding est incomplet.
Environnement : React Native, Expo Router, PagerView, TypeScript
Moyens : Simulateurs iOS / Android, Expo, Git
Sélection des centres d'intérêt
Contexte : Projet mobile Kyosk (2025) — page de sélection des centres d'intérêt avec grille responsive, stockage des préférences et validation.
- ├─Grille d'intérêts avec FlatList (numColumns) et layout adaptatif.
- ├─Composant réutilisable InterestChip (sélectionné / non sélectionné).
- ├─Validation : au moins un intérêt requis.
- ├─Persistance des préférences via un store dédié (usePrefs).
- ├─Scroll fluide et affichage clair.
Environnement : React Native, FlatList, state management, TypeScript
Moyens : Tests UI, simulateurs, Git
UI/UX & qualité cross-platform
Contexte : Projet mobile Kyosk (2025) — cohérence UI/UX et qualité cross-platform : styles, accessibilité, performance.
- ├─Harmonisation visuelle : styles, typographies, espacements, feedback.
- ├─Gestion des différences iOS / Android (Platform) et du cas tablette.
- ├─Performance : suppression des ScrollView imbriqués au profit de FlatList.
- ├─Robustesse : gestion des états et des erreurs du parcours.
- ├─Nettoyage du code : composants, constantes, lisibilité.
Environnement : React Native, iOS / Android, StyleSheet
Moyens : Simulateurs, profiling, revues de code, Git
Dashboard multi-clients
Contexte : Projet SaaS InfraMap — dashboard pour piloter serveurs, alertes et contrats par client dans une vue claire.
- ├─Écrans clients, serveurs, fiche serveur, alertes, contrats et échéances.
- ├─Recherche, filtres, pagination et états UI.
- ├─Composants réutilisables et responsive.
- ├─Vues contextualisées par client.
- ├─Parcours « agent installé → métriques → alertes → suivi ».
Environnement : Next.js, React, TypeScript, Tailwind CSS, API REST, PostgreSQL
Moyens : Maquettes, PR GitHub, debugging navigateur
Agent Linux, CI/CD & Docker
Contexte : Projet SaaS InfraMap — agent de collecte temps réel et industrialisation de la livraison.
- ├─Agent Python : OS, IP, CPU / RAM / disque, services, heartbeat ONLINE / OFFLINE.
- ├─Envoi normalisé vers l'API avec retry et gestion d'erreurs, service systemd.
- ├─Images Docker propres et exécution multi-environnements.
- ├─Pipeline GitHub Actions : lint, tests, build, déploiement, gestion des secrets.
- ├─Rollback simple et suivi post-déploiement.
Environnement : Python, Linux, systemd, Docker, GitHub Actions
Moyens : VMs Linux, pipelines CI, logs