Projet : Moteur de recherche de recettes (JavaScript)
Ce projet faisait partie de ma formation OpenClassrooms.
Il consistait à développer un moteur de recherche avancé en JavaScript pur, capable de filtrer des recettes en temps réel selon plusieurs critères (texte, ingrédients, ustensiles, appareils).
Objectifs
Créer une interface dynamique permettant à l’utilisateur de trouver rapidement une recette grâce à une recherche principale et des filtres avancés.
Caractéristiques principales
- Développement sous WordPress + Elementor pour une mise en page rapide et flexible.
- Pages principales du header : Accueil – À propos – Produits – Boutique (catalogue) – Contact
- Pages du footer : Produits – Conseils – Ingrédients – Témoignages – Partenaires – Contact – FAQ – CGV – Mentions légales
- Catalogue produit consultable, sans fonctionnalité e‑commerce active.
- Intégration de presque tous les visuels fournis (création de deux images supplémentaires).
- Design épuré, responsive et cohérent avec l’identité de la marque.
- Lien direct vers le compte Instagram pour renforcer la présence sociale.
Mon rôle
- Analyse du cas d’utilisation fourni
- Implémentation du moteur de recherche en JavaScript natif
- Gestion des filtres multiples et de l’affichage dynamique
- Travail en autonomie avec l’accompagnement d’un mentor
Défi rencontré
Ce projet a été l’un des plus complexes de ma formation.
J’ai rencontré de vraies difficultés, notamment sur la logique de filtrage et l’optimisation.
J’ai dû chercher des solutions, demander de l’aide et apprendre à structurer mon code différemment.
Ce que j’ai appris
- Approche algorithmique pour gérer plusieurs filtres en même temps
- Manipulation avancée du DOM
- Optimisation des recherches en temps réel
- Persévérance face à un problème complexe
Résultat
Un moteur de recherche fonctionnel, fluide et conforme aux exigences du projet.
Ce travail m’a permis de progresser significativement en JavaScript.