Projets d'école
Sélectionnés
Landing page WordPress
Mon premier projet sur WordPress a été de créer une landing page pour le programme Lancement d’entreprise, avec les sections obligatoires.
Site WordPress avec blog
Mon deuxième projet WordPress consistait à créer un site web complet pour une compagnie fictive que j’avais créée. Les cinq pages statiques obligatoires devaient être intégrées, et le site devait également inclure un blog comprenant trois catégories et dix articles.
Site film WordPress (API)
Mon troisième projet WordPress consistait à créer un site complet présentant mon top 10 de films. Plutôt que de créer une page pour chaque film, j’ai développé une seule page 100% dynamique qui affichait automatiquement les informations des 10 films grâce aux données combinées de WordPress et de l’API TMDB. Le site incluait aussi une page d’accueil et une fonction de recherche.
Site film react (API)
Mon quatrième projet consiste à développer, en équipe, un site web complet en React présentant un vaste catalogue de films basé sur l’API TMDB. Le site inclut plusieurs pages dynamiques, dont l’accueil, les fiches films, les catégories, les fiches acteurs et une page de recherche. Je conçois le design, j’intègre l’API, je gère les contenus manquants et rends toutes les pages entièrement dynamiques. Le projet reproduit les conditions d’un vrai mandat web, incluant l’analyse, le design, la programmation, les tests et la mise en ligne.
Projet personnel
Pour mon projet personnel, j’ai choisi de créer un site sur le thème d’un café. Il comporte seulement quatre pages, ce qui ma permit de me concentrer sur plusieurs effets « wow » pour rendre l’expérience utilisateur plus dynamique et immersive. Ce projet me permet de montrer mes compétences en design.
Plugin WordPress relié à une API
Mon cinquième projet en intégration Web consistait à développer un plugin WordPress complet, connecté à une API externe, et intégrant un module Divi entièrement personnalisable par l’utilisateur.
J’ai commencé par déterminer le type de module que je voulais créer. Le mien est basé sur un CodePen que j’ai modifié et adapté pour qu’il s’intègre proprement dans l’environnement Divi. J’ai d’abord ajusté le code d’origine, puis j’y ai ajouté du JavaScript pur afin de créer un effet de flip card, ce qui rendait l’affichage plus dynamique et interactif.
Une fois la version front-end finalisée et validée visuellement, je suis passé à l’intégration dans WordPress. Cette étape comprenait :
La création complète de l’architecture du plugin
L’ajout du module dans Divi 5
L’intégration du PHP nécessaire pour gérer les champs et options
La mise en place des fichiers JSON pour les réglages du module
La connexion aux données externes via une clé API (saisie par l’utilisateur dans WordPress)
L’objectif final était de rendre le module totalement dynamique, personnalisable, compatible avec le Visual Builder et réutilisable sur n’importe quelle page, exactement comme un vrai composant Divi professionnel.
Concrètement, l’utilisateur n’a qu’à entrer sa clé API dans l’interface WordPress, puis saisir un ou plusieurs Movie ID directement dans le Visual Builder. Le module récupère alors automatiquement les données depuis l’API de TMDB (dans mon cas, des films, mais cela pourrait être adapté pour des recettes, des produits, etc.).
Je suis conscient que le module affiche du texte un peu gros et qu’il y a un léger zoom sur l'image, mais honnêtement… donnez-moi une chance, c’est la fin de session 😅 Ce sont de petites optimisations visuelles qui se corrigent très facilement par la suite. Le cœur du module, lui, est entièrement fonctionnel, dynamique et prêt à être utilisé.