Skip to content

Implémentation

Patson edited this page Apr 24, 2022 · 31 revisions

Qualité du code

[Explication des conventions de codage, description des outils de "linting" et de tout ce qui a été mis en place pour s'assurer de la qualité du code produit.]

Convention de codage (MICHAEL):

Assurer la qualité du code (PATSON):

Nommage des variables

Le camelCase est principalement utilisé pour les variables niveau frontend et backend car le language utilisé est le javascript.source . A certains endroit on peut retrouver du snace_case qui sont les noms des colonnes de la base de donnée.

Nous essayons pour d'attribuer à chaque variable un nom qui la décrit au mieux comme dans cette exemplestartDate représente la date de début de location d'une voiture

Documentation du code

Afin de faciliter la compréhension du code des commentaires sont aussi mis en place pour chaque bout de code qui nécessite un peu de réflexion mais aussi des commentaires qui décrivent ce que fait chaque fonction dans le code

Lisibilité du code

Nous essayons de respecter des conventions déjà établies en scindant le code dans des dossiers qui décrivent au mieux les tâches éffectuées.

Une aérationnous permet de nous retrouver facilement dans les 02 parties du projet frontend et backend et permet une meilleur lisibilité du code du code.

Un niveau d'imbrication de 4 espaces configuré grâce à l'extension prettier nous permet d'accroître énormement la lisibilité

Bilan global de la réalisation

Historique des fonctionnalités (AYMAR)

[Descriptions des fonctionnalités réalisées aux différentes étapes du projet (ex : MVP, sprint 1, ...), type "release notes"]

Historique de conception (RACHID)

[Explications de l'évolution éventuelle des choix de conception au cours du projet. Par ex : Changement d'architecture, modification de certains choix technologiques, refactoring approfondi, ... ]

Bugs résiduels / dette technique (PAYMAR et PATSON)

[Description des éventuels "éléments défecteux" identifiés, à corriger dans des versions ultérieures. Pointez éventuellement vers les "issues" de votre repo si ces dernières sont claires et bien organisées.]

Bilan des implémentations individuelles d'US

POURBAIX Michaël: US02 - Ajouter des véhicules

État actuel de la us:

À tester.

Description de l'état d'avancement de la US:

L'ajout de voiture est implémenté et fonctionnel. En effet la page add-cars permet à l'administrateur de préciser, via un formulaire, toutes les caractéristiques de la nouvelle voiture et de l'ajouter à la base de données. Il puet également ajouter le nombre d'images qu'il souhaite pour cette voiture.'

Points forts:

  • La plupart des fonctionnalités demandées sont présentes
  • Ajout d'un pop-up afin d'informer l'administrateur que la voiture à bien été ajoutée
  • Possibilité d'ajouter plusieurs images pour la voiture et d'en retirer

Pistes d'amélioration:

  • Quelques réglages CSS avec le pop-up
  • Pas encore d'ajout de vidéo possible

Abderrachid BELLAALI: US01 - Afficher les voitures

État actuel de la us:

À tester.

Description de l'état d'avancement de la US:

L'affichage des voitures est implémenté et fonctionnel. La page Cars liste toutes les voitures disponibles. Celle-ci les affiches avec leur titre, caractéristique technique et les images correspondant à chacune.

Points forts:

...

Pistes d'amélioration:

  • Quelques réglages CSS
  • Responsive

État actuel de la us:

In progress.

Description de l'état d'avancement de la US:

  • Une système de calendrier à déjà été mise en place au niveau de la page d'acceuil et de la barre des filtres dans la page d'affichage de voiture.
  • L'utilisateur peut déjà choisir un plage horaire de location
  • Cette sélection récupère bien les voitures disponibles à cet intervalle précis
  • L'affichage des voitures filtrées est en cours de réalisation.

Points forts:

  • Mettre en place le style et les conditions nécessaire au bon fonctionnement du calendrier effectué avec react-date
  • La logique à mettre en place pour filtrer les voitures diponibles dans l'intervalle choisis par le visiteur/utilisateur
  • L'adaptation du fuseau horaire selon votre localisation. Mise en place grâce à la librairie moment js

Pistes d'amélioration:

  • Les conditions de validation de la plage horaire sont à implémenter au niveau du backend.

Clone this wiki locally