Mes Réalisations

Portfolio Personnel - Architecture 'Data-as-Code'

  • FastAPI
  • React
  • Data-as-Code
  • Python
  • SQLite
  • Vite
  • Architecture Stateless
  • CI/CD Vercel

Ce projet est la concrétisation technique de ma méthodologie : traiter le contenu comme du code. L'architecture repose sur un monorepo découplé (FastAPI / React) où chaque expérience et projet est géré comme une entité de donnée structurée, validée par des schémas rigoureux et servie via une API stateless.

Rigueur Méthodologique L'ensemble du contenu est centralisé dans une base de données SQLite, hydratée dynamiquement à partir de fichiers de configuration JSON. Cette approche garantit l'intégrité des données et permet une scalabilité immédiate du contenu sans modification du code source (Pattern SSOT).

Architecture Technique Le backend FastAPI assure la validation automatique des données via Pydantic, tandis que le frontend React (Vite) offre une interface Single Page Application (SPA) fluide. Le design system est volontairement minimaliste, inspiré des environnements de développement (IDE), pour mettre en avant la clarté et l'efficacité de l'information (Breathing UI).

Déploiement & Industrialisation L'infrastructure est orchestrée via Vercel, faisant le pont entre les fonctions Python asynchrones et le build statique optimisé du frontend. Le projet intègre des patterns de développement avancés : custom hooks pour la gestion d'état, proxying API, et filtrage dynamique complexe.

_ Architecture & Data Engineering

  • Modélisation de la base de données SQLite et création de scripts d'auto-hydratation (init_db).
  • Conception d'une API Stateless avec FastAPI et validation de schéma via Pydantic.
  • Mise en place d'une architecture Single Source of Truth (SSOT) via fichiers JSON structurés.

_ Frontend Engineering & UX

  • Développement d'une SPA sous React avec une gestion d'état centralisée par Custom Hooks (usePortfolioData).
  • Création d'un Design System 'IDE-inspired' (JetBrains Mono, Inter) avec support natif du mode sombre.
  • Implémentation d'un moteur de filtrage dynamique transverse basé sur les tags et les compétences.

_ DevOps & Déploiement

  • Configuration du routing Vercel pour l'orchestration multilangage (Python/Node.js).
  • Mise en place d'un workflow de développement rigoureux avec proxying API et rechargement à chaud.
  • Optimisation des performances (Vite, bundling) et de l'accessibilité web.