Burger Snack

Pour ce projet, il s'agissait d'intégrer l'interface front d'une application web sur la base des maquettes de sa page d'accueil, de la page de listing produits et d'un page détail.

J'ai choisi d'utiliser Bootstrap 5.0 pour son adaptabilité aux supports mobiles et sa librairie de composants (notamment le carousel).

Le défi "Burger Snack"

Voulant générer du contenu de manière dynamique sans accès au langage PHP ou à une base de données SQL, j'ai modélisé sous forme d'objets JavaScript, le catalogue de produits, leurs types, valeurs nutritionnelles, tailles de menus et les prix.
Chaque page détail utilise donc l'URL pour afficher les titres, prix et images correspondants.
Par ailleurs, j'ai créé une fonction JavaScript me permettant d'augmenter/diminuer les quantités via les clics sur les boutons +/- ainsi qu'une fonction permettant de sélectionner la taille d'un menu (modifiant de ce fait le titre et le prix associé dans la fiche produit sans la rafraîchir).

Vous recherchez un collaborateur pouvant intervenir sur des projets similaires ?

Détails du projet

Durée de développement

3 jours

Dernière mise-à-jour

09/2022

Compétences associées

Développement Web