Projet — Landing Page “GameOn”
Projet lié à la formation OpenClassRooms
Réalisation d’une landing page interactive. L’objectif principal était d’ajouter de l’interactivité à une page existante en développant un formulaire dynamique entièrement géré en JavaScript.
Le HTML et le CSS étaient fournis, ainsi que les maquettes Figma. Le travail consistait à intégrer la logique JavaScript pour rendre la page fonctionnelle et améliorer l’expérience utilisateur.
Objectifs
- Comprendre l’interaction entre JavaScript, HTML et CSS.
- Manipuler le JavaScript Vanilla (sans framework ni bibliothèque).
- Mettre en place la validation complète d’un formulaire.
- Gérer les événements JavaScript (clics, saisies, ouverture/fermeture de modales…).
- Respecter les maquettes Figma et les bonnes pratiques d’intégration.
- Utiliser Visual Studio Code pour le développement et GitHub pour le versionnement.
Mon rôle
Analyse du code HTML/CSS fourni et compréhension de la structure existante.
Développement de toute la logique JavaScript :
Validation des champs du formulaire
Gestion des erreurs et messages d’alerte
Contrôle des conditions obligatoires
Gestion de la modale d’inscription
Confirmation d’envoi du formulaire
Tests et corrections pour garantir une expérience fluide.
Mise en ligne du projet sur GitHub.
Résultat
Une landing page fonctionnelle, interactive et conforme aux maquettes Figma.
Le formulaire est entièrement validé en JavaScript, avec une expérience utilisateur fluide et intuitive.