Conception d'un formulaire de contact interactif en PHP 7

Table des matières

• Description
• Mock-up
• Technologies
  • Front-end
  • Back-end
• Ressources
• Contact

Description

Ce projet consiste à concevoir un forumulaire de contact interactif en PHP 7 pour une marque fictive "Hackers-Poulette" dans le cadre de la formation Fullstack chez Becode.

Vous pouvez cliquer sur ce lien pour visiter le site web du formulaire.

Mock-up

• Deux modèles de conception :
  • Petits écrans (≤ 768 px)
  • Grands/moyens écrans (> 768 px)

Small screen (≤ 768 px)	Big screen (> 768px)

Technologies

Ce projet a été réalisé principalement avec les techologies frontend et backend.

Front-end

• HTML5
• CSS3 (grid layout, box model, pseudo-classes, media-queries...)
• Fonts (Bellota font)
• JavaScript (Vanilla JS) :
  • Code modulaire (fonctions).
  • Utilisation des expresions régulières.
  • Gestion des erreurs en temps réel (pendant la saisie).
  • Gestion des événements.

Back-end

• PHP 7.3.10 :
  • Code modulaire (fonctions, inclusion des fichiers)
  • Gestion des attaques XSS (htmlentities).
  • Nettoyage des champs avec SANITIZE.
  • Utilisation des expresions régulières.
  • Gestion des erreurs après soumission du formulaire.
  • Préservation des données en cas d'erreurs dans le formulaire.
  • Pot de miel pour la gestion des spams (champ invisible color).
  • Redirection vers la page d'erreur en cas de détection du spam.
  • Redirection vers la page de remerciements en cas de succès (formulaire correctement rempli).
• XAMP v3.2.4

Ressources

• https://www.php.net/
• https://developer.mozilla.org/fr/
• https://www.w3schools.com/

Contact

Projet réalisé par julio ([email protected]) - contactez-moi!