Résumé
Refonte totale de la plateforme Wikicampers avec migration technique majeure, nouvelle charte graphique et modernisation complète de la stack.
Projet réalisé en co-construction avec les équipes métier et design pour créer une nouvelle version moderne et performante.
Problème adressé
La plateforme V2 nécessitait une refonte complète :
- version legacy de Symfony ne répondant plus aux standards modernes
- charte graphique datée nécessitant une refonte
- stack frontend obsolète limitant les possibilités
- besoin de composants UI modernes et réutilisables
- nécessité d'améliorer l'expérience utilisateur globale
Stack technique
- Backend : Symfony (migration vers dernière version LTS)
- Templating : Twig
- JavaScript : Stimulus
- CSS : Tailwind CSS
- Composants : Bibliothèque custom de Twig Components
Solution proposée
Migration technique
- Migration de Symfony legacy → dernière version LTS
- Refonte complète de la stack frontend
- Modernisation de l'architecture backend
- Nouvelle charte graphique
Orientation et choix techniques
- Participation active à l'orientation des technologies grâce à l'expérience frontend
- Définition de la stack technique moderne adaptée aux besoins
- Architecture basée sur des composants réutilisables
- Approche progressive enhancement avec Stimulus
Création de la bibliothèque de composants
Conception et développement d'une bibliothèque complète de composants UI, incluant aussi bien des composants standards que des composants avancés développés from scratch :
- Composants d'interface : Dialog, Dropdown, Sheet...
- Composants de saisie : Date Picker, Date Range Picker (développés entièrement from scratch)
- Nombreux autres composants couvrant l'ensemble des besoins de l'application
- Architecture : Twig Components + html_cva + Stimulus + Tailwind CSS
Co-construction et méthodologie
- Collaboration étroite avec les équipes métier pour définir les besoins
- Travail avec les équipes design pour implémenter la nouvelle charte
- Cadre agile : organisation en sprints avec la méthode Scrum
- Approche itérative et collaborative permettant des ajustements réguliers
Le résultat est une plateforme moderne, performante et maintenable, construite sur une stack technique à jour avec une bibliothèque de composants UI réutilisables permettant un développement rapide et cohérent.