Projet 7 du parcours "Développeur d'application - JavaScript React" d'OpenClassrooms
Les petits plats est spécialisée dans l'édition de livres de cuisine depuis plusieurs année et souhaite désormais réaliser son propre site de recettes de cuisine.
En tant que freelance missionnée par l'entreprise “Les petits plats” au poste de développeuse Front-end, j'ai eu la mission d'implémenter la maquette et de mettre en place les filtres de recherche.
Le site comporte deux zones de recherche :
- une principale qui filtre sur le titre, les ingrédients et la description et une avancée.
- une avancée par tags (ingrédients, appareils et/ou ustensiles)
La priorité absolue est la fluidité du moteur de recherche.
Dans ce contexte j'ai implémenté deux algorithmes, pour la recherche principale, en vue de les comparer et de sélectionner le plus performant.
Le premier utilise les boucles natives while et for (voir la branche 'recipe-filters-v1').
Le second s'appuie sur les Array method de JavaScript (voir la branche 'recipe-filters-v2')
La branche main contient l'algorithme retenu (V2)
HTML5/CSS3
Sass
JavaScript
Figma ( voir la maquette )
Modèle MVC
(Voir le benchmark des algorithmes)
(Voir le document d'investigation)
➡ Analyser un problème informatique
➡ Développer un algorithme pour résoudre un problème