Présentation site web :
J’ai décidé de développer le site à l’aide du framework Symfony, en utilisant le langage HTML, JS, CSS.
Quant à l’application, le langage utilisé est Flutter.
- Il présente les produits disponible dans le restaurant, leurs information et leurs prix.
- Le site donne aussi accès à l’affichage du nombre de point de fidélité sur notre compte.
Accueil site web
- Mise en place d’un affichage des produits les plus vendu.
- Intégration d’une carte Google map afin d’informer le lieu du restaurant
- Dynamisation de la NavBar/logo pour le Scroll de l’utilisateur.
Responsive pour smartphone
Mise en place d'un bouton qui affiche une sidebar.
- Quand l’utilisateur est détecté sous un format d’écran 1024px, la page cache la NavBar principal et affiche le bouton de la sidebar.
Onglet destiné au gérant pour l'ajout de produit
La page d'inscription
La page pour se connecter
La page de connexion peut rediriger vers la page d’inscription et vers la page mot de passe oublié.
La page mot de passe oublié permet d’envoyer un e-mail afin de changer son mot de passe, le tout est sécurisé par un token.
La page pour gérer son compte
L’utilisateur à la main mise sur la gestion de son compte, il peut quand il le souhaite modifier ses informations personnels.
Catalogue API PlatForm
Présentation de l'application :
- Elle a pour but de rechercher les clients et permettre la modification de leurs point de fidélité.
- Au lancement de l’application les utilisateurs son affiché, puis il est possible de faire une recherche précise grâce au nom, prénom, adresse e-mail du client.
- Quand un utilisateur est sélectionné il est possible de changer les information de son compte dont les points de fidélités.
Présentation code
Javascript Site Web
Cette partie du code gère la NavBar et le logo.
Quand l’utilisateur descend de 50px dans la page, la navbar devient invisible et le logo rétréci.
Cette partie du code gère l’utilisation des fonctions qui affiche les produits selon les catégories.
Fonction appel api
Formulaire pour ajouter une produit
Entité User
Entité Produit
JS Affichage Burger
Cette fonction est identique pour toute les catégories excepté le produit.categorie.id qui diffère.
- Elle fait appel à l’api qui lui répond les éléments dans la table produit de la catégorie souhaité.
- Elle crée les éléments HTML et insère les données stocké dans lesProduits.
Gestion comportement NavBar
Affichage selon onglet
Application
Main
MyHomePage
Page Fidelité
Fonction appel API
Lien GitHub vers mon projet
Cliquez pour ouvrir...