Hoffi

Par Tahina Ramanohisoa
Photo de Tahina Dev
Published on
Durée
10 mois
Poste
Développeur fullstack JS
Equipe
~5 personnes
Technologie
React.js - Node.js
Page d'accueil d'Hoffi

Contexte

Hoffi veut réconciler le travail avec le distanciel avec une application Web permettant aux entreprises de faire des visioconférences.

Environnement

Je suis sur ce projet du début à la fin dans une équipe Scrum :

  • 1 Product Manager, 1 Product Owner
  • 1 Designer UI/UX
  • 2 développeurs fullstack

Challenges et solutions

  • L'UI/UX Designer talentueuse nous régale avec de belles maquettes. Bootstrap CSS et Styled Components sont utilisés pour y être le plus fidèle possible.
  • L'avatar studio est une fonctionnalité ludique mais qui nécessite beaucoup de bande passante, à peu près 40 ko. Pour gérer le dilemme UX / SEO, j'implémente du code splitting sur cet espace avec React Suspense.
  • Le bouton de la carte événement doit non seulement gérer plusieurs états notamment : M'inscrire / Rejoindre / Inscrit / Terminé mais aussi le nombre maximal de participants. J'utilise Rx.js avec Firebase pour créer les événements personnalisés nécessaires.
  • Je mets en place un dépôt Node Typescript pour interagir avec les microservices d'authentification Google et de chat Zoom

Résultats

  • Amélioration des métriques Core Web Vitals : Interaction to Next Paint (INP) et Cumulative Layout Shift (CLS) de la Single Page Application
  • Mise en place du CMS personnalisé du site
  • Déploiement du site sur Google Cloud Platform