Star Wars Fleet est une application de gestion de données développée avec Angular 19, centrée sur les performances des tableaux, la persistance de l’état et l’intégration CI/CD.
Ce projet illustre une architecture frontend structurée avec AG Grid, une gestion efficace de l’état et des pipelines de déploiement automatisés avec Docker.
Angular 19
AG Grid
Docker
Vitest
Performances et tableaux
Pour assurer une gestion fluide des données, j’ai mis en place :
- Défilement infini : utilisation du modèle de lignes AG Grid pour charger les données en arrière-plan.
- Chargement discret : absence d’indicateur de chargement global pour les requêtes de pagination.
- Persistance de l’état : intégration du localStorage pour conserver les cellules modifiées.
Processus technique
Une infrastructure de développement structurée :
- Intégration CI/CD : tests automatisés à chaque pull request.
- Cohérence des environnements : application entièrement conteneurisée avec Docker.
- Tests unitaires : couverture avec Vitest et TestBed.
Réalisation : l’application récupère les données de l’API SWAPI et les fusionne avec les modifications côté client. Les données sont ainsi conservées après rechargement de la page, tout en maintenant une interface réactive.