Game On

Link to website
Link to project repo
Project Gallery

1/5

CSS3
Github
HTML5
JavaScript

GameOn qui est spécialisée dans les conférences et les concours de jeux vidéo. L'entreprise simplifie la nouvelle page d'accueil et l'inscription aux concours après avoir reçu des commentaires négatifs de certains utilisateurs. Malheureusement, l'ancien développeur qui travaillait dessus n'a pas eu le temps de terminer avant de partir pour son nouvel emploi dans sa nouvelle entreprise. La structure HTML et le style CSS, basés sur les maquettes, ont été commencés et la mise en page et le contenu de la page d'accueil et de la modale de formulaire sont terminés, mais le front-end doit être complété. En outre, le code JavaScript manquant pour rendre le formulaire entièrement fonctionnel, en utilisant JavaScript, doit être ajouté et les problèmes décrits sur le repo Git Hub doivent être complétés.

Fonctionnalités

  • Validation du formulaire - Le champ prénom/nom a un minimum de 2 caractères / n'est pas vide.
  • L'adresse électronique est valide, le nombre de concours est une valeur numérique et un bouton radio doit être sélectionné.
  • La case des conditions générales est cochée, l'autre case est facultative.
  • Les données du formulaire ne sont pas supprimées lorsqu'elles ne passent pas la validation.
  • Soit le formulaire est validé, soit il y a un message d'erreur.
  • Il y a un message de confirmation lorsque l'envoi est réussi.

Contraintes

  • Utiliser du JavaScript pur (pas de jQuery) pour terminer le formulaire.
  • Travailler sur un repo GitHub forké.
  • Utiliser des fichiers séparés pour le HTML, le CSS et le JavaScript.
  • Commentaires décrivant chaque fonction et classe.
  • Tester manuellement les fonctionnalités et l'affichage réactif.
  • Le site doit être compatible avec les dernières versions de Chrome et de Firefox.
  • Réviser le code et assurez-vous qu'il est prêt pour la production.

Compétences

  • Programmer en JavaScript

Notes

Je n'ai pas créé l'interface utilisateur. Le brief était d'écrire le code de validation du formulaire en JavaScript et de résoudre les problèmes ('break of design') avec le responsive design uniquement.