Test Front-end Evaneos

Release

Télécharger le Test Front

Installation et commandes

Deux options possibles :

• (recommandé) soit en utilisant les commandes Make qui s'appuient sur Docker
  • Pour installer les dépendances :
    make install
  • Pour lancer le projet :
    make start
  • Pour lancer les tests :
    make test
• soit manuellement avec les scripts npm
  • Pour installer les dépendances :
    npm install
  • Pour lancer le projet :
    npm start
  • Pour lancer les tests :
    npm test

Contexte

Notre site présente une liste d'itinéraires à nos voyageurs. Un itinéraire comporte un nom, une image, une destination, un tag (voyage en groupe ou multi-destination), un prix, ainsi qu'une durée de voyage.

Nous avons commencé à implémenter cette page avec des données statiques et nous souhaiterions désormais récupérer les vraies données depuis une API.

Ce qu'il faut faire

• En repartant de cette base, remplacez les données statiques par celles de l'API. Les données se récupèrent en GET sur l'endpoint suivant : https://raw.githubusercontent.com/Evaneos/test-front-api/main/api.json

• Nous souhaitons mettre en avant certains itinéraires. Ils sont représentés par la propriété "highlight" renvoyée par l'API. Le designer nous a également joint une maquette pour l'intégration.

• Afin d'améliorer l'expérience utilisateur, nous souhaitons afficher le tag d'un itinéraire (soit "multi-destination" pour les combined soit "voyage en groupe" pour les group) et également pouvoir filtrer ces itinéraires par leurs tags.

Instructions et conseils

• Vous êtes libres de modifier comme bon vous semble l'ensemble du code, hormis les frameworks utilisés (React, Typescript, Testing Library) qui sont des techno qu'on utilise quotidiennement chez Evaneos. Cela nous permettra de voir quelles sont vos bonnes pratiques
• Nous nous attendons à ce que le code soit testé
• Faites des petits commits
• Le test a été prévu pour ne pas être trop long (~ 1 heure) mais il n'y a pas de limite de temps