Stage : Landing page WonderBento
Page d'acceuil servant à présenter un produit de Wonder partner's : La création de bento grids à la demande. Le projet a consititué en l'amélioration d'une page existante.
Le Défi
Adapter une page d'accueil existante, codée en HTML et CSS, en appliquant des consignes graphiques précises (polices, logos), puis à la réécrire intégralement en React afin de la rendre plus facile à maintenir et à faire évoluer.
Animation de la page
Deux composants d'animation réutilisables ont également été développés en React pour dynamiser cette page : un élément représentant un curseur se déplaçant aléatoirement sur une image, destiné à suggérer l'interactivité d'un dispositif, et un composant affichant plusieurs vidéos de façon aléatoire dans une mini-grille, avec un travail spécifique de compression vidéo et de flou appliqué en JavaScript pour masquer les artefacts de compression
Decouverte des Pull requests
Ce travail a fait l'objet d'une pull request sur GitHub, l'occasion d'une première prise en main de cet outil avec l'aide de mon tuteur.
Design responsive
Grace à la maintenabilité simplifiée de Tailwind et React, il a été très simple d'adapter la page de telle sorte qu'elle fonctionne correctement sur diverse taille d'écran.
Ce projet m'a permis d'avoir une première expérience avec React et node, me permettant d'acquérir des bases solides pour la suite de mon stage.