Travail réalisé dans le cadre de ma formation Développeur Web et Web Mobile chez Simplon.co

• Maquette Figma : https://www.figma.com/file/XyY3B8BPL3fA1lV8VjGAmy/resto-CROUS-API?node-id=0%3A1&t=mYDAbhpU9q7rBgB5-1

Consignes

Contexte :

En tant qu'étudiant habitant à Lille, j'aimerai aider mes camarades à retrouver facilement les lieux de restauration des CROUS de la Métropole Européenne de Lille.

Pour ce faire, le site doit permettre de lister ces lieux sous forme de carte intéractive un peu comme Google Map.

Chaque lieu sera affiché sur la carte tel un "marqeur" dans lequel on pourrait cliquer afin d'afficher les détails (nom, adresse, téléphone, photo...) ainsi qu'un bouton permettant d'ajouter le lieux en favoris. Cela donnera la chance aux utilisateurs de retrouver aisèment leur lieux préférés.

L'idéal serait d'avoir 2 pages, 1 pour la carte et 1 autre pour les favoris.

En bonus, pouvoir supprimer un lieu enregistré en favoris.

Données techniques :

Le site doit être adaptable sur mobile (voir lien maquette) et utiliser les téchnologies ou librairies suivantes :

• HTML/CSS.
• Javascript.
• API Storage du navigateur (localStorage).
• API de la MEL pour récupérer les lieux de restauration du CROUS (voir les différents liens de l'API).
• Leaflet est la librairie retenue pour la carte interactive.