← Tous les projets

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.

RôleDéveloppeur Web
Période15 Décembre 2024 — 15 Avril 2025
StatutTerminé
Aperçu de Site Web OPPRC - Organisation Panafricaine pour la Paix et la Résolution des Conflits
OPPRC14 / 38

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.

01

Architecture & Conception

01

Conception d'une architecture modulaire basée sur les fonctionnalités pour faciliter la maintenance et l'évolution du site.

02

Mise en place d'une architecture frontend structurée avec Redux Toolkit pour la gestion d'état et React Router pour la navigation.

03

Implémentation d'une architecture headless avec gestion de contenu basée sur JSON pour une meilleure flexibilité et maintenance.

02

Développement Frontend

01

Développement d'une interface utilisateur réactive et moderne avec React 18, TailwindCSS et Lucide React pour les icônes.

02

Implémentation d'une solution multilingue (français et anglais) avec gestion des traductions via fichiers JSON.

03

Mise en place d'un système de formulaires performant et validé avec Formik et Yup.

03

Développement Backend

01

Intégration avec Firebase Firestore pour stocker les données de manière structurée (événements, ressources, membres d'équipe) avec support multilingue.

02

Configuration de Firebase Authentication pour la gestion sécurisée des accès administrateurs et utilisateurs.

03

Implémentation de Firebase Storage pour la gestion des médias et documents téléchargeables.

04

Optimisation & Performance

01

Implémentation du code splitting et lazy loading pour optimiser les temps de chargement et l'expérience utilisateur.

02

Configuration avancée de Vite pour l'optimisation des bundles et la réduction de la taille des packages.

05

Administration & Gestion de Contenu

01

Développement d'un panneau d'administration complet pour la gestion du contenu du site (événements, ressources, membres d'équipe, etc.).

02

Mise en place d'un système de gestion des rôles (SuperAdmin, Admin, User) avec contrôle d'accès et permissions.

06

Déploiement & DevOps

01

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.