Dev Mobile/Web · Étude de cas
Site Web OPPRC - Organisation Panafricaine pour la Paix et la Résolution des Conflits
Site web officiel multilingue de l'OPPRC avec espace d'administration pour la gestion de contenu.

Le point de départ
Transformer un besoin réel en système exploitable.
Site web complet de l'Organisation Panafricaine pour la Paix et la Résolution des Conflits. Interface responsive en français et anglais, développée avec React et Redux Toolkit, backend Firebase. Optimisé avec code splitting et lazy loading pour des performances maximales.
Architecture & Conception
Conception d'une architecture modulaire basée sur les fonctionnalités pour faciliter la maintenance et l'évolution du site.
Mise en place d'une architecture frontend structurée avec Redux Toolkit pour la gestion d'état et React Router pour la navigation.
Implémentation d'une architecture headless avec gestion de contenu basée sur JSON pour une meilleure flexibilité et maintenance.
Développement Frontend
Développement d'une interface utilisateur réactive et moderne avec React 18, TailwindCSS et Lucide React pour les icônes.
Implémentation d'une solution multilingue (français et anglais) avec gestion des traductions via fichiers JSON.
Mise en place d'un système de formulaires performant et validé avec Formik et Yup.
Développement Backend
Intégration avec Firebase Firestore pour stocker les données de manière structurée (événements, ressources, membres d'équipe) avec support multilingue.
Configuration de Firebase Authentication pour la gestion sécurisée des accès administrateurs et utilisateurs.
Implémentation de Firebase Storage pour la gestion des médias et documents téléchargeables.
Optimisation & Performance
Implémentation du code splitting et lazy loading pour optimiser les temps de chargement et l'expérience utilisateur.
Configuration avancée de Vite pour l'optimisation des bundles et la réduction de la taille des packages.
Administration & Gestion de Contenu
Développement d'un panneau d'administration complet pour la gestion du contenu du site (événements, ressources, membres d'équipe, etc.).
Mise en place d'un système de gestion des rôles (SuperAdmin, Admin, User) avec contrôle d'accès et permissions.
Déploiement & DevOps
Configuration du déploiement continu avec Firebase Hosting pour un processus de publication fluide et efficace.
Stack & disciplines
Explorer les compétences du projet.
Clique sur une carte pour comprendre son rôle et la manière dont elle intervient dans la réalisation.