Janick D. The Last Chance

Musichorus est une application web permettant à des chorales ou des chanteurs d'apprendre des oeuvres musicales.
L'application permet l'écoute d'une oeuvre décomposée en plusieurs pistes audio distinctes de manière à pouvoir mettre en avant ou couper une voix en particulier.

L'application devait répondre aux contraintes suivantes:
- Site multilingue
- Synchronisation audio avec l'API Web Audio
- Possibilité de transformer le site en PWA (Progressive Web App)

Le plus gros challenge se trouvait autour de l'intégration de l'API Web Audio, nécessitant des connaissances en audio et en musique, que mon parcours d'ingénieur du son et musicien m'ont permis d'appréhender avec sérénité.

Compétences mises en avant :
- Expertise NextJS
- Utilisable des hooks (React 16)
- Redux
- Web Audio API
- Responsive Design

Réalisation de leur nouvelle plateforme comprenant les contraintes suivantes :
- Site multilingue
- Animations
- SEO (rendu serveur)
- Possibilité de transformer le site en PWA (Progressive Web App)
- Utilisation de GraphQL

La technologie NextJS était un très bon candidat pour ce projet étant donné des contraintes de SSR ainsi que l'opportunité de transformer le site en PWA.
J'ai également, en accord avec le client, monté et géré une équipe de deux développeurs supplémentaire de mon côté afin de pouvoir répondre à la deadline du projet.

Compétences mises en avant :
- Expertise NextJS
- Utilisable des hooks (React 16)
- Apollo GraphQL
- Gestion de projet technique
- Gestion d'équipe

La réalisation de la plateforme nécessitait de répondre aux problèmes suivants :
- Gestion multi-langue
- URL traduites pour chaque langue
- Le code React devait être séparé pour chaque type d'espace client mais la navigation dans le site devait donner l'impression d'une seule et même application (multi-zone)
- Rendu serveur (SSR)
- Tests unitaires
- Présentation des composants dans Storybook

Pour ce projet j'ai utilisé la technologie Next.Js qui prévoit le server-side rendering ainsi que l'intégration du multi-zone permettant d'avoir plusieurs applications React distinctes qui fonctionnent ensemble donnant l'illusion d'une seule et même application à l'utilisateur final.

Compétences mises en avant :
- Expertise Node.js et Next.js
- Forte collaboration au sein de l'équipe
- Conseil sur la technologie et la stratégie à adopter