Un chef de cuisinier vous demande de réaliser un site pour gérer des recette de cuisine. Vous savez que pour commencer la réalisation d'un site, il faut d'abords modéliser les classes qui seront utilisées dans le l'application
Pour notre chef, dans une recette il y a le temps de préparation, le type (dessert, entrée, ...), une liste d'ingrédient, un nom et des instructions
Au sujet des ingrédients: un nom, un prix au kilo, une image (url de l'image)
Faite la modélisation de ces classes
Reproduire les affichages en créant vous même des rectangle de couleur et en gérant vous même l'affichage en fonction des dimensions de l'écran Vous ne devez pas afficher les images dans le site
Pas de <img src="max768.png> !!!
Il faut bien reproduire l'affichage en html css
Dans la page principale de l'applciation angular, afficher une liste de card. Vous pouvez reprendre votre classe ingrédient si elle vous convient ou alors en faire une nouvelle
Bonus si vous arrivez à afficher une liste de recettes et à l'interieure de celle-ci: la liste des ingrédients
PS: Comme je sais que c'est directement loupé sinon: n'oublie pas de faire un npm install à l'intérieure de site-partie4 pour récupérer les dépendances