Informations

  • Langages: HTML/CSS/PHP/JAVASCRIPT
  • Nombre de particpants: seul
  • Date de rendu: Mai 2021
  • Compétences:
    • Développer la partie front-end
    • Développer la partie back-end
    • Création d'une base de données
    • Connexion à une base de données
    • Création d'un moteur de recherche en javascript
  • Voir sur Github

Descriptif du projet

Créez une base de données “autocompletion”. Dans cette base de données, créez une table qui possède des informations sur le thème de votre choix (animaux, célébrités, sportifs, pokémons...). Ajouter des éléments dans cette table (au moins 20). Votre site doit contenir les pages suivantes :

  • Une page d’accueil qui doit ressembler à celle d'un moteur de recherche
  • Une page de résultats de recherche présentant la liste des éléments qui correspondent à search présent dans GET
  • Une page présentant un élément présentant les informations contenues dans la base de données qui correspondent à l’id présent dans GET.
  • Un header contenant une barre de recherche suggérant les résultats liés au fur et à mesure que l’utilisateur écrit, divisés en deux parties : en premier les résultats qui correspondent exactement à la recherche (qui commencent par ce que l’utilisateur écrit) ; en second : les résultats qui contiennent la recherche de l’utilisateur. Ces deux parties doivent se trouver dans la même liste, mais une petite séparation doit se trouver entre les deux.