Solution Model-Driven DevOps pour Leto

Contexte du produit: Orness, une entreprise spécialisée dans les solutions DevOps et l'automatisation d'infrastructure, visait à améliorer les processus de développement et de déploiement pour les applications d'entreprise. Ils ont cherché à créer Leto, une solution DevOps pilotée par modèle, qui simplifierait et rationaliserait la gestion des produits au niveau logique grâce à une interface graphique (GUI).

Contributions clés

✅ Conception et développement d'une bibliothèque de composants réutilisables pour garantir la cohérence à travers - l'application.

✅ Mise en œuvre de visualisations de données en temps réel pour la surveillance du système et les métriques DevOps, en utilisant VueJS et RxJS.

✅ Optimisation des performances grâce à des techniques de rendu virtualisé pour gérer efficacement de grands volumes - de données.

✅ Amélioration de l'expérience utilisateur avec des transitions fluides et des éléments interactifs, en exploitant les capacités d'animation intégrées à Vue.

✅ Intégration d'API REST (Postman, Swagger) et assurance d'une communication fluide entre le frontend et le backend.

✅ Mise en place de pipelines CI/CD (GitLab, Docker) pour automatiser les processus de build, de test et de déploiement.

✅ Garantie d'une haute qualité de code grâce à la mise en œuvre de tests unitaires et end-to-end avec Jest et Cypress.

Défis techniques et solutions

Le défi consistait à concevoir et développer une plateforme web intuitive et hautement interactive, permettant aux utilisateurs de modéliser, configurer et déployer des workflows DevOps complexes de manière fluide. L'interface devait prendre en charge les mises à jour en temps réel, garantir la réactivité et offrir une expérience utilisateur fluide, même lors de la manipulation de grands volumes de données.

En tant que Développeur UI Senior, j'ai joué un rôle clé dans la conception et la mise en œuvre de l'architecture frontend de Leto, en me concentrant sur la réactivité, les performances et la maintenabilité. Le projet a été construit en utilisant VueJS (Composition API), VuexJS et Vue-router, assurant une base de code scalable et modulaire.

Technologies utilisées

Frontend: VueJS (Composition API), VuexJS, Vue-router, Axios

Gestion d'état: Vuex

Testing: Jest, Cypress

CI/CD & Déploiement: GitLab, Docker

Outils API: Postman, Swagger

Design: Figma, Adobe Illustrator

Qualité de code: SonarQube