Développeuse Fullstack en alternance
SportSee
SportSee

SportSee


Projet basé sur le site d’une startup de coaching sportif.

L’objectif est de développer la nouvelle version de la page profil de l’utilisateur. Cette page va notamment permettre à l’utilisateur de suivre le nombre de sessions réalisées ainsi que le nombre de calories brûlées.

Pour ce faire, il faut intégrer des graphiques D3 ou Recharts (mon choix pour ce projet) sur l’activité sportive de l’utilisateur. Concernant les données, il faut réaliser les calls vers le back-end en NodeJS. Pour gérer ces appels, il faut utiliser soit Fetch (mon choix), soit Axios, et les réaliser en dehors des composants React via un service à part. Le site doit également disposer d’une classe de modélisation des données pour s’assurer de les formater correctement. Enfin, il faut bien documenter le code, via des capsules et des PropTypes dans ce dernier, mais également via le Readme.


Compétences

  • Intégration de graphiques (Recharts)
  • Réalisation d’un mock des données de l’API
  • Réalisation des calls HTTP / appels API pour récupérer des données (service à part)
  • Création d’une classe de modélisation
  • Documentation (Readme, capsules de code)

Liens