# README Milkshakes

Un projet de statistiques sur les milkshakes réalisé avec le framework Angular. Il met en place un système de filtres et de tri. Pour quitter l’application ou revenir au portfolio, il suffit d’appuyer sur le logo puis de confirmer.

# I) Technologies utilisées

  1. Angular pour la structure de l’application
  2. Angular pour le style de l’application
  3. Angular pour le typage et les fonctionnalités de l’application avec TypeScript

# II) Fonctionnalités

  1. Afficher une liste de milkshakes
  2. Page de détail d’un milkshake
  3. Filtrage par type
  4. Tri par prix
  5. Dashboard
  6. Framework Angular

# III) Actions

`Afficher` une liste de milkshakes

Lorsque vous arrivez dans l’application, une liste de milkshakes est affichée avec leur nom et leur prix.

`Page de détail` d’un milkshake

Pour voir le détail d’un milkshake, il suffit de cliquer sur Voir les détails. Vous serez alors redirigé vers une nouvelle page contenant des informations supplémentaires, comme le nombre de ventes.

`Filtre` par type

Depuis la page d’accueil, il est possible d’afficher certains types de milkshakes. Pour cela, cliquez sur le bouton situé sous Filtrer par type :, puis sélectionnez un parfum.

`Tri` par prix

Depuis la page d’accueil, il est possible de trier les milkshakes par prix croissant ou décroissant. Par défaut, la liste est affichée par prix croissant. Pour modifier l’ordre, cliquez sur le bouton situé sous Trier par prix : et sélectionnez « Décroissant ».

`Dashboard`

La page Dashboard permet de consulter des statistiques sur les milkshakes, notamment les ventes et leur répartition par type. Pour y accéder, cliquez sur le bouton Dashboard depuis le header.

`Framework Angular`

Ce projet utilise les fonctionnalités clés d’Angular, notamment des fichiers TypeScript, le système de routing avec routes paramétrées, les services pour centraliser les données, des composants réutilisables tels que milkshake-card, ainsi que le data-binding et les directives *ngFor et *ngIf.

Retour Tester