Sie sind auf Seite 1von 3

Mini - projet Facilogi

Le but est de créer un site web qui permet aux utilisateurs de s ’ inscrire afin d ’ enregistrer leur s films préféré s dans une liste de favoris globale a tout le monde.

Mise en place de l ’ API

Pour cela, nous avons avoir besoin d ’ une API qui va te donner des routes déjà faites sur lesquelles tu vas pouvoir requê ter.

Tu vas devoir installer json-server avec la commande

npm install json-server –g

Ce paquet npm permet de lire un fichier JSON de données et de créer un e API CRUD .

Tu vas demander au (très) gentil développeur Kevin le fichier JSON qu ’ i l a préparé rien que pour toi. Il contient quelques utilisateurs déjà inscrits et quelques films également.

Ensuite, à l ’ endroit où tu as mis le fichier JSON, tu dois taper la commande json-server –watch db.json

L ’ a pi est maintenant utilisable à l ’ adresse localhost : 3000

Partie Front

Tu va s devoir créer les pages suivantes pour que notre site s oit utilisable et dev iennent l ’ un des sites les plus fréquentés d ’ internet !

Notre site possèdera plusieurs pages et tu vas donc devoir te servir d ’ Angular Router .

1. Connexion : permettra aux utilisateurs de se connecter

- T u pourras utiliser les Angular Forms

2. S ’ enregistrer : permettra aux utilisateurs de s ’ inscrire

3. Liste des utilisateurs : listera tous les utilisateurs

4. Page d ’ un utilisateur : affichera l ’ utilisateu r sélectionn é . Il sera é galement possible de modifier son nom et prénom ainsi que son mot de passe.

- Le but ici est de voir comment passé des arguments avec Angular Router et les récupérer ensuite

5. Liste de films : listera tous les films présent s dans la liste partagée et avoir la possibilité d ’ en rajouter.

6. Film : affichera les i nformations du film sélectionné avec la possibilité de modifier le titre, l ’ année et la photo.

Design

Tu es libre d ’ utiliser le framework CSS qu ’ il te plait.

Le design du site est libre, tu peux faire ce que tu veux, mais reste simpliste quand m ê me, le but étant principalement de mettre en pratique ce que tu as vu sur Angular.

E xtra

Si tu as le temps, tu p eux pousser ce projet plus loin par exemple e n créant un moteur de recherche qui retournera les films correspondant à ta recherche.

Conclusion

Tu devras utiliser RxJ S et ses Observables pour les requ ê tes, typer très for tement ton code avec Typescript . Nous ver r ons ensemble pour versionner ton code sur un dé pôt GIT .