p7 opencalssrooms formation Développeur front end Après avoir édité des livres de cuisine pendant plusieurs années, l’entreprise a décidé de se lancer dans un nouveau projet : réaliser son propre site de recettes de cuisine à l’instar de Marmiton ou 750g.
langages et dependences
Javascript CSS Bootstrap HTML Linter
Problématique :
Nous voulons développer une fonctionnalité de recherche dans la recette pour le site « les petits plats », ce que nous voulons avant tout c’est quelque chose de performant car nos utilisateurs veulent une recherche rapide, presque instantanée
Pour ce projet deux algorithùes qui assure la fonctionnalité de recherche sont proposés dans les deux branches:
Algorithme 01
Développer un algorithme de recherche en utilisant les boucles natives (linéaires) Pour cet algorithme nous avons utilisé la boucle native For pour parcourir l’ensemble des tableaux Etapes de l’algorithme : Comme première étape une recherche est lancée sur les parties titre, ingrédients et description de toutes les recettes, le résultat de cette étape sera traité pour que les résultats soient uniques, l’utilisateur peut par la suite filtrer ce premier résultat en utilisant les filtres
Algorithme 02
Pour cet algorithme nous avons utilisé les différentes méthodes de l’objet Array (Foreach, Filter, splice ) Les étapes de l’algorithme sont les suivantes : Une recherche dans les trois sections ingrédients, titres et description est faite en premier, si l’élément recherché est trouvé dans l’une des sections précédentes, le résultat sera rendu, une recherche par filtre sera possible par la suite
Page d'accueil du site public index.html sur les deux branches
cliquez ici pour consulter la page d'accueil algo 01
cliquez ici pour consulter la page d'accueil algo 02