← Retour au portfolio
🚀 Projet personnel

🌍 FlagReact

Galerie de drapeaux du monde + mini-blog, sur une stack React modernisée.

Le projet

FlagReact est une petite application React historiquement construite avec Create React App, puis entièrement refactorisée : migration vers Vite, adoption de React 19 et React Router 7, remplacement d'axios par fetch et abandon de l'API REST Countries (dépréciée) au profit de données embarquées.

Fonctionnalités clés

  • Accueil : galerie des drapeaux du monde, filtrable par région et limitable via un curseur, triée par ordre alphabétique
  • Capitale et population affichées au survol
  • News : mini-blog avec ajout, édition et suppression d'articles via une API REST locale
  • Page À propos statique

Architecture & choix techniques

Code organisé en répertoires distincts (pages, composants, services d'accès aux données, assets, styles). Un proxy Vite route les appels /api/* vers json-server en développement. L'application embarque un dataset statique (countries.json) construit à partir de mledoze/countries, la Banque Mondiale et flagcdn.com, éliminant les dépendances réseau à l'exécution.