CardinPatson / Car_Location

Application Web de location de voiture developpé dans le cadre du projet dev du second quadri à l'EPHEC
MIT License
5 stars 2 forks source link

US06-Choisir la marque de la voiture #12

Open Pourbaix opened 2 years ago

Pourbaix commented 2 years ago

Titre

US04-En tant qu'utilisateur, j'aimerais pourvoir choisir la marque de la voiture à louer afin de voir uniquement les voitures de cette marque et son modèle

Valeur d’importance

Sur une échelle de 1 à 5 : 2, car c’est une fonctionnalité intéressante pour le client mais pas indispensable au bon fonctionnement du site.

Complexité du US

La US a comme fonctionnalité de trouver la marque désirer dans le filtre sur un échelle de 1 à 5, étant le plus complexe: une note 1 car il utilise que le select

Description

À l'arrivée de l'utilisateur dans l'onglet « Voitures »,il rencontrera un formulaire qui contient différents champs dont la marque et le modèle qui lui permettront de choisir sa marque qu'il souhaite louer.

Pour accéder à cette fonctionnalité, quand le site est lancé, l'utilisateur rencontrera la page d'accueil où il pourra remplir sa date de départ et la date de soumission, aussi il pourra se rendre directement dans l'onglet "Voitures" pour effectuer les filtres

Après la validation sur la page d'accueil, il sera redirigé vers l'onglet "Voitures" où il sera en mesure de faire son filtre dans la partie "marque et modèles" en faisant son choix.

Pour finaliser son choix, il cliquera sur le bouton "Valider" qui sera accompagner par un message de retour, et une liste de voitures apparaîtra dans sa droite dans la section "Voitures disponibles"

Critères d’acceptation

Tâches composant User Story

Dépendances techniques

Cette US a des dépendances des autres US qui sont:

function manageBrandModal(cars) {
        if (location["state"]) {
            let info = location["state"];
            setStartDate(moment(new Date(info["startDate"]).toISOString()));
            setStartTime(info["startTime"]);
            setEndDate(moment(new Date(info["endDate"]).toISOString()));
            setEndTime(info["endTime"]);
        }

Maquette du US

image image