FUNI

La société FUNI, créée en avril 2022, est une entreprise du secteur de

la distribution, spécialisée dans les jeux de société.
Les jeux de société sont négociés puis achetés directement auprès des
éditeurs pour être revendu dans les FUNI Store.
Aujourd’hui il existe 2 magasins :

- FUNI Store Paris 3ème

- FUNI Store Paris 6ème

Votre mission
En tant que stagiaire développeur/intégrateur web vous devez, pour le
compte de la société FUNI, développer un POC « Proof Of Concept » d’un
annuaire de jeux de société.
Cet annuaire sera consultable par les employés des FUNI store afin de
servir d’appui au renseignement les clients.
Ce POC, développé en HTML et CSS (+ si possible JavaScript) doit répondre
au cahier des charges fonctionnel suivant :
1. L’interface doit comporter 3 parties (voir les mockup en annexe) :
a. Un menu comportant un logo et 3 items : Lister, Gérer et
Aide ;
b. Un sous menu qui servira à mettre en avant une fonctionnalité
(e.g. une barre de recherche) ou une information (e.g. un
titre) ;
c. Un contenu ;
2. L’interface doit être responsive (mobile, tablette et ordinateur
de bureau) ;
3. La page « Lister » doit permettre de :
a. Lister tous (pour le POC, 20 suffisent) les jeux de société
de différentes catégories en présentant une image, un nom et
une courte description. Chaque item de la liste doit être un
hyperlien pour de se rendre sur la fiche détaillée du jeu ;
b. Rechercher un jeu de société par son nom ou sa
catégorie (JavaScript) ;
4. La fiche détaillée d’un jeu de société doit permettre de distinguer
rapidement : le nom du jeu, une image, la catégorie du jeu, sa
description complète, le nombre de joueur minimum et maximum et
la classe d’âge ;
5. La page « Gérer » affiche un formulaire d’ajout (non fonctionnel)
d’un jeu de société ;
6. La page « Aide » affiche une explication de comment utiliser
l’application sous forme de questions (e.g. « Comment rechercher
un ouvrage ? »).
Pour commencer

Un template de base qui utilise le Framework CSS Bootstrap (voir

https://getbootstrap.com/docs/5.2 et https://icons.getbootstrap.com/)
est disponible sur Github à l’adresse suivante :
https://github.com/MeihdiDjebli/funi_game_database.
Mockup 1 : Liste (sm)
Mockup 2 : Liste (lg)