zuruuh / game-on Goto Github PK

Make sure tests pass correctly in CI
Depends on #8

Use a more convenient folder architecture

Create tests in e2e scenarios for the already existing and the newly created feature

Depends on #7

Setup postcss config with vite, and install purgecss plugin and autoprefixer

Refactor javascript to use OOP

Setup prettier eslint rules to format files & check validate code

Create a docker-compose file with a service for nodejs, and one for chromium (or/and firefox?)

Deploy to github pages when pushing on main.
Install dependencies with PNPM & build with vite

Create scripts to start tests more easily using either a makefile, a bash script, or an npm script

Depends on #7

• Visualiser et tester l'interface utilisateur dans les dernières versions de Chrome et de Firefox, ainsi que dans les versions mobile et desktop. Corriger les erreurs d'affichage existantes.
• Tester toutes les fonctionnalités des boutons et des entrées de formulaire (tester les valeurs correctes et incorrectes)

Create jsconfig file for type checking during development

Des messages d'erreur spécifiques doivent apparaître sous l'entrée qui n'est pas correcte. Les messages d'erreur doivent s'afficher sous le champ de saisie associé. Exemples :

• "Veuillez entrer 2 caractères ou plus pour le champ du nom."
• "Vous devez choisir une option."
• "Vous devez vérifier que vous acceptez les termes et conditions."
• "Vous devez entrer votre date de naissance."

Upgrade Font-Awesome version to latest (^6.0.0)

Ajouter la fonctionnalité au bouton (x)

Remove unused assets & fix broken path or unexisting files

(1) Lier les labels aux entrées dans le HTML en utilisant les attributs "for" et "id" dans le code existant. Corriger le code HTML quand nécessaire.
(2) Utiliser du JavaScript pur (pas de jQuery) pour terminer le formulaire :

• Le formulaire doit être valide quand l'utilisateur clique sur "Submit"
• Les données doivent être saisies correctement :
  (1) Le champ Prénom a un minimum de 2 caractères / n'est pas vide.
  (2) Le champ du nom de famille a un minimum de 2 caractères / n'est pas vide.
  (3) L'adresse électronique est valide.
  (4) Pour le nombre de concours, une valeur numérique est saisie.
  (5) Un bouton radio est sélectionné.
  (6) La case des conditions générales est cochée, l'autre case est facultative / peut être laissée décochée.
• Conserver les données du formulaire (ne pas effacer le formulaire) lorsqu'il ne passe pas la validation.

Après une validation réussie, inclure un message de confirmation de la soumission réussie pour l'utilisateur (ex. "Merci ! Votre réservation a été reçue.")

Setup CI with github actions to run linters (eslint & prettier)