L'objectif principal de notre mission : la refonte technologique globale et la fusion des sites et des services proposés aux formats web et mobile.
ESENS réalise pour le compte de son client, grand spécialiste du pari sportif, une mission de développement front end. Il s'agit de procéder à la refonte complète des technologies et de l'écosystème du projet tout en adaptant les besoins à venir sur les supports web et mobiles.
Durant plus de trois mois, une longue analyse est faite dans le but de concevoir le produit parfait. Au travers d'ateliers réunissant le métier, les développeurs et l'agence de design, une première ébauche de maquette voit le jour. Une enquête utilisateur permet ensuite d'identifier les axes d'amélioration. Pendant ce temps, un POC technique est en cours de réalisation pour déterminer les technologies, compatibles à la fois avec le développement web et le développement mobile, qui seront utilisées pour le projet.
Lorsqu'une fonctionnalité est décidée, elle est réfléchie par le métier et les Products Owners (PO) pour être ensuite conçue graphiquement par une agence. Cette 'feature' est ensuite découpée en 'stories' par les PO et seront à leur tour chiffrées par l'équipe de dev puis redécoupées en sous tâches. Chaque story est développée (dev), revue (dev review), testée (testeurs), validée (PO) et 'merged' pour être enfin envoyée en production. L'équipe est encadrée par un responsable et les principes de la méthode agile Scrum sont appliqués. Chaque fonctionnalité peut-être ajustée à n'importe quel moment de ce workflow.
L’application Web est développée en React.JS à l’aide de Next.JS pour gérer le routing et la partie Server Side Rendering (SSR). L'application mobile est développée en React Native. La production est également conduite selon l’approche 'Continuous Delivery' avec une automatisation complète du process de déploiement pour le front permettant une mise en production rapide et efficace. De plus, nos environnement de tests rendus dynamiques grâce à des scripts de Terraform et AWS sont très utiles pour les fonctionnalités en cours de développement testables et/ou validables.
Avec pour but de couvrir au maximum notre code de manière unitaire, chaque méthode portant une certaine logique doit être testée afin de ne pas engendrer des problèmes de régression par la suite. Même si la phase de review et de test prévient ce problème, Jest agit comme un filtre important de bug potentiel. Les méthodes portants la logique doivent être séparées de celles qui affichent simplement du contenu afin d'assurer un découpage propre et d'éviter des duplications de code.
Dans ce contexte de refonte, l'équipe s'est attachée à ne pas reproduire les mêmes erreurs. La mutualisation du code et le design des applications web et mobile était donc nécessaires au bon déroulement du projet dans le but d'assurer la même expérience à tous les utilisateurs. De plus, il fallait répondre à une seconde problématique de taille : le référencement naturel (SEO). Chose faite grâce au Server Side Rendering (SSR) pour la partie web.
Dans le cadre de notre projet de lutte contre la fracture numérique, ESENS était à Montpellier les 16 et 23 juin derniers. Un grand MERCI aux enfants et au Club 3MTKD pour ces magnifiques journées passées ensemble ! On vous raconte tout par ici !
Lire la suite
Un Hackathon ESENS, nous en rêvions depuis longtemps... Alors nous avons décidé de nous adapter pour le réaliser ! Parce que rien n’arrête une dream team motivée !
Lire la suite
Les temps changent mais les traditions restent et la dream team s'adapte ! Retour sur nos Apéros Virtuels de 2020 et petit apperçu sur ce que nous vous réservons pour 2021 !
Lire la suite