cocktail-wizard / cocktail_wizard Goto Github PK

Projet intégrateur du CUT informatique de l'ÉTS : plateforme conviviale pour explorer et partager des recettes de cocktails.

Home Page: http://cocktailwizard.azurewebsites.net

HTML 1.57% JavaScript 29.39% CSS 18.43% PHP 44.44% Hack 6.17%

alcohol api website

cocktail_wizard's Introduction

Projet intégrateur du CUT informatique de l'ETS - Cocktails Wizard

Bienvenue dans le README de notre projet intégrateur dédié à la création d'un site permettant de découvrir, créer et partager des cocktails passionnants! Ce document vous guidera à travers les fonctionnalités clés, les objectifs et les directives pour contribuer au succès de ce projet.

Objectif

Le principal objectif de ce projet est de concevoir une plateforme en ligne intuitive qui exploite une base de données pour permettre aux utilisateurs de découvrir, créer et partager une variété de cocktails. Cette plateforme vise à offrir une expérience conviviale et interactive, où les amateurs de cocktails peuvent explorer de nouvelles recettes, partager leurs créations, et interagir au sein d'une communauté dynamique.

Fonctionnalités Principales

1. Gallerie des cocktails

Permet aux utilisateurs de rechercher des cocktails par nom, ingrédients, ou type.
Chaque cocktail dispose d'une fiche descriptive comprenant les ingrédients, les instructions de préparation et des images attrayantes.
Les utilisateurs peuvent ajouter de nouveaux cocktails à la base de données, contribuant ainsi à l'enrichissement de la collection.
Les utilisateurs peuvent laisser leur avis à propos des cocktails à l'aide de commentaires et de mentions j'aimes.

2. Création de Compte Utilisateur

Les utilisateurs ont la possibilité de créer un compte personnel.
Une fois connectés, ils peuvent accéder à leur propre "bar", où ils peuvent gérer leur collection d'ingrédients et voir les cocktails disponibles en fonction de ces ingrédients.

3. Personnalisation et Engagement

Les utilisateurs peuvent créer des cocktails personnalisés et les partager avec la communauté.
Les cocktails les plus populaires, mesurés par le nombre de likes, sont mis en évidence dans les résultats de recherche, encourageant ainsi l'engagement et la découverte.

Technologies Utilisées

Ce projet est développé en utilisant les technologies suivantes :

Frontend : HTML, CSS, JavaScript (React)
Backend : php
Base de Données : Microsoft Azure
Application: Java(Android Studio)

Crédits

Ce projet a été initié et est maintenu par l'équipe de développement constitué de Yani Amellal, Maxim Dmitriev, Pablo Hamel Corôa, Léonard Marcoux et Vianney Veremme.

Conception du projet

cocktail_wizard's People

Contributors

Stargazers

Watchers

Forkers

amelo32

cocktail_wizard's Issues

RF-201-203 : Créer la page d'authentification

Définition de "fait" :

RF-201 : Avoir un formulaire de connexion
RF-203 : Avoir un formulaire d'inscription

RF-201	Page connexion
Description	L’usager doit pouvoir accéder à la page de connexion à partir de la galerie s'il n’est pas déjà connecté.
Priorité	Haute
Critère(s) d’acceptation	- Le système permet à l’usager de cliquer sur un bouton de connexion dans la galerie.
	- L’utilisateur est redirigé vers la page de connexion.
Dépendance(s)	Aucun
Acteurs	Visiteur
Cas d’usage	CU-002
Commentaire(s)	L’usager peut seulement accéder à cette fonction lorsqu’il n’est pas déjà connecté.

RF-203	Page d’inscription
Description	L’usager doit pouvoir accéder à la page d’inscription à partir de la page connexion.
Priorité	Haute
Critère(s) d’acceptation	- L’usager peut cliquer sur un bouton inscription dans la page de connexion.
	- L’usager est redirigé vers la page d’inscription.
Dépendance(s)	Aucun
Acteurs	Utilisateur/visiteur
Cas d’usage	CU-003
Commentaire(s)	Aucun

Modal publication et profile non dynamique

Il faut créer de vrai layout et enlever l'utilisation des

RF-102: Recherche de cocktail dans la galerie

RF-102	Recherche de Cocktail Galerie
Description	Le système doit permettre à l’usager d’affiner la galerie de cocktails à l’aide de mots, tel que le nom ou un ingrédient.
Priorité	Haute
Critère(s) d’acceptation	- Le système affiche des publications qui contiennent les mots-clés de la barre de recherche.
	- Le système informe l’usager qu’aucun cocktail ne correspond aux critères de recherche lorsque c’est le cas et affiche les cocktails avec le plus de correspondances.
Dépendance(s)	RF-101
Acteurs	Utilisateur/visiteur
Cas d’usage	CU-006
Commentaire(s)	Aucun

RF-205 : Implémenter la déconnexion

RF-205	Déconnexion
Description	Le système doit permettre à l’utilisateur de quitter la session courante.
Priorité	Haute
Critère(s) d’acceptation	- L’utilisateur est redirigé vers la galerie non connecté lorsqu’il clique sur le bouton de déconnexion.
	- Le système supprime l’identifiant de session.
Dépendance(s)	RF-202
Acteurs	Utilisateur
Cas d’usage	CU-002
Commentaire(s)	Aucun

RF-302 : Implémenter la création de cocktail

RF-302	Accès à la création de cocktail
Description	L’utilisateur peut accéder à la boite modale de création de publication de cocktail à l’aide d’un bouton présent au coin inférieur droit de la page.
Priorité	Haute
Critère(s) d’acceptation	- La boite modale de création de cocktail s’affiche lorsque le bouton est appuyé. De plus, le reste de la page est floutée.
	- Le bouton de création de cocktail a une position fixe par rapport à la fenêtre de l’utilisateur, même lorsque la page est défilée.
	- La boite modale de création est fermée lorsque l’utilisateur clique sur le reste de la page.
Dépendance(s)	RF-106
Acteurs	Utilisateur
Cas d’usage	CU-004
Commentaire(s)	Aucun

Modéliser l'interface de l'application mobile

Utiliser Figma ou Axure

Page de connexion au compte de l'utilisateur.
Page "Mon Bar", pour qu'un utilisateur puisse ajouter des ingrédients à "Son Bar".
Page gallerie du site.
Page "scanner", qui permet de scanner un code-barres pour ajouter un ingrédient à "Son Bar".

RF-305 : Commenter une publication

RF-305	Commenter une publication
Description	Le système doit permettre à un utilisateur de publier un commentaire sous une publication à l’aide d’un formulaire présent sur chaque cocktail. Le système ajoute le commentaire à la base de données et l’affiche (RF) dans la section commentaire.
Priorité	Moyenne
Critère(s) d’acceptation	-
Dépendance(s)	RF-301, RF-106
Acteurs	Utilisateur
Cas d’usage	CU-007
Commentaire(s)	Aucun

Créer le modèle logique de la base de donnée

Utiliser Visual Paradigm et s'inspirer de la conception du projet du README.

RF-503 : Supprimer son profil

RF-503	Supprimer mon profil
Description	Le système permet à un utilisateur de supprimer son compte. Lorsque l’utilisateur clique sur le bouton "supprimer mon compte", le système demande une confirmation de l’action et déconnecte l’utilisateur. Le système supprime ensuite l’utilisateur de la base de données.
Priorité	Moyenne
Critère(s) d’acceptation	- L'utilisateur peut cliquer sur ‘Supprimer mon compte’.
	- Le compte ainsi que ses publications sont effacés.
Dépendance(s)	RF-502
Acteurs	Utilisateur
Cas d’usage	CU-012
Commentaire

RF-204 : Implémenter la création de compte

RF-204	Création de compte
Description	Le système doit permettre à l’usager de saisir des informations d’inscription afin de créer un compte. Le système doit vérifier que le courriel n’est pas déjà dans la base de données et les informations respecte les contraintes pour pouvoir créer un compte. Une fois le compte créer, les informations entrées sont ajoutées à la base de données.
Priorité	Haute
Critère(s) d’acceptation	- L’usager peut entrer ses informations de création de compte.
	- Le système vérifie que les informations d’inscription respecte les normes préétablîtes, affiche les erreurs si ce n’est pas le cas.
	- L’utilisateur inscrit peut se connecter.
	- L’utilisateur est redirigé vers la page de connexion lorsque la création du compte à réussie.
Dépendance(s)	Aucun
Acteurs	Visiteur
Cas d’usage	CU-003
Commentaire(s)	Lors de la création du compte, le système demande à l’utilisateur s’il est d’âge égal pour consommer de l’alcool.

RF-301 : Affichage étendu d'une publication

RF-301	Affichage publication étendu
Description	L’usager doit pouvoir accéder à la version étendue de la publication de cocktail en cliquant sur le format simplifié d’un cocktail. On y retrouve le nom, les ingrédients, la description, le guide de préparation ainsi qu’une image. De plus, on retrouve la section commentaire à la fin de la publication qui permet à l’utilisateur de laisser et de voir les commentaires.
Priorité	Haute
Critère(s) d’acceptation	- Une boîte modale avec toutes les informations d’une publication cocktail doit être affiché lorsque l’utilise sélectionne un cocktail dans la galerie.
	- L’usager peut fermer la boîte modale lorsqu’il clique à l’extérieur de la boîte modale.
	- Le système floute la page autour de la boîte modale.
Dépendance(s)	RF-101, RF-303, RF-306
Acteurs	Utilisateur/visiteur
Cas d’usage	CU-001, CU-013
Commentaire(s)

RF-306 : Afficher les commentaire d'une publication

RF-306	Afficher commentaire
Description	Le système doit afficher à la fin de chaque publication une section commentaire avec les commentaires des utilisateurs.
Priorité	Moyenne
Critère(s) d’acceptation	- Le commentaire est ajouté sous la publication
	- Les commentaires seront affichés en ordre de popularité.
Dépendance(s)	RF-301, RF-305
Acteurs	Utilisateur/visiteur
Cas d’usage	CU-007
Commentaire(s)	Aucun

RF-401 : Ajouter des ingrédients à "Mon bar"

RF-401	Ajouter des ingrédients
Description	L’utilisateur doit pouvoir sélectionner les ingrédients présents chez lui et le système va les ajouter à la base de données personnelle de l’utilisateur.
Priorité	Haute
Critère(s) d’acceptation	- L'utilisateur peut sélectionner les ingrédients qu’il possède.
	- Les ingrédients ajoutés sont affichés dans "mon bar".
Dépendance(s)	RF-106
Acteurs	Utilisateur
Cas d’usage	CU-005
Commentaire(s)	Aucun

RF-404	Gestion du filtrage
Description	Lorsque le système filtre les cocktails à afficher (RF-102, RF-105), il doit gérer le cas où il ne reste plus de cocktails qui satisfont le filtre. Le système affiche alors les cocktails en ordre croissant d'ingrédients manquants. De plus, il doit indiquer les ingrédients manquants.
Priorité	Basse
Critère(s) d’acceptation	- Les cocktails filtrés s’affichent en temps réel sur la page.
	- Ce type d’affichage se fait pour chaque catégorie de cocktail, “classique”, “aimé” et “communautaire”.
Dépendance(s)	RF-401
Acteurs	Utilisateur/visiteur
Cas d’usage	CU-013
Commentaire(s)	Aucun

RF-502 : Gérer son profil

RF-502	Gérer mon profil
Description	Le système permet à un utilisateur de modifier ses informations personnelles.
Priorité	Basse
Critère(s) d’acceptation	- L'utilisateur peut cliquer sur ‘Modifier mon mot de passe’.
	- Le mot de passe est modifié dans la base de données.
	- L’utilisateur peut saisir de nouvelles informations d’identification.
Dépendance(s)	RF-501
Acteurs	Utilisateur
Cas d’usage	CU-011
Commentaire(s)	Aucun

API inscription

Le fichier de l'API inscription.php conduit à une page HTML, ce qui ne correspond pas à la norme RESTFULL.

Ajouter la redirection de la page d'accueil vers la page de connexion

          On a pas de redirection vers la page de connexion a partir de index.html

Originally posted by @PabloCoroa in #45 (review)

Erreur lors de l'ouverture de la boite modale pour un cocktail sans commentaires

RF-106 : Afficher les fonctionnalités des utilisateurs connectés dans la galerie

RF-106	Galerie connecté
Description	Lorsque qu’un utilisateur est connecté, le système doit ajouter les différentes fonctions à la galerie qui sont seulement permise dans ce cas. Il s’agit de l’accès à la section mon bar et profil, la possibilité de commenter et d’aimer des publications, le filtrage de la galerie ainsi que la création de cocktail.
Priorité	Haute
Critère(s) d’acceptation	- L’utilisateur peut sélectionner les boutons qui permet d’accès.
Dépendance(s)	RF-101, RF-202
Acteurs	Utilisateur
Cas d’usage	CU-011, CU-008, CU-010, CU-007, CU-004, CU-005
Commentaire(s)

RF-304 : Aimer une publication

RF-304	Aimer une publication
Description	Le système doit permettre à l’utilisateur de donner une mention J’aime à une publication cocktail. Le compteur de J’aime permet au système de trier la galerie de cocktail (RF).
Priorité	Moyenne
Critère(s) d’acceptation	- L’utilisateur peut sélectionner/désélectionner un bouton j’aime
	- Le compteur de J’aime associé à la publication est mis à jour.
Dépendance(s)	RF-106, RF-301
Acteurs	Utilisateur
Cas d’usage	CU-008
Commentaire(s)	Si le bouton J’aime de la publication est resélectionné, la mention j’aime est retirée.

RF-103 : Trier les cocktails dans la galerie

RF-103	Trier cocktail
Description	Le système doit permettre à l’usager de trier la galerie de cocktail dans un ordre désiré, tel que popularité, date d’ajout, recommandé.
Priorité	Basse
Critère(s) d’acceptation	- L’usager peut sélectionner une option de triage.
	- La galerie de publication de cocktails est mise en ordre en temps réel.
Dépendance(s)	RF-101
Acteurs	Utilisateur/visiteur
Cas d’usage	CU-001
Commentaire(s)	Bien que l’option de tri choisi par l’usager soit l’élément de triage principale, d’autres facteurs peuvent influencer l’ordre des cocktails afficher afin d’offrir une galerie pertinente.

RF-202 : Implémenter la connexion

RF-202	Connexion
Description	Le système doit permettre à un usager déjà inscrit de se connecter, à l’aide d’un formulaire, à son compte et d’ouvrir une session.
Priorité	Haute
Critère(s) d’acceptation	- L’usager peut entrez ses informations de connexion.
	- Le système affiche un message d’erreur lorsque les informations sont invalides.
	- L'usager peut cliquer sur « connexion » pour se connecter.
	- L’usager est redirigé vers la galerie connecté.
Dépendance(s)	RF-201, RF-204
Acteurs	Visiteur
Cas d’usage	CU-002
Commentaire(s)	Aucun

RF-501 : Naviger dans les sous-pages du profile utilisateur

RF-501	Barre de navigation
Description	Le système doit offrir une barre de navigation qui permet à l’utilisateur d’accéder aux sous-pages de "mon profil".
Priorité	Moyenne
Critère(s) d’acceptation	- Lorsque l’utilisateur clique sur une des options du navigateur, la bonne sous-page est affichée.
Dépendance(s)	RF-106
Acteurs	Utilisateurs
Cas d’usage	CU-011
Commentaire(s)	Tenir compte des différentes tailles d’écrans afin d’avoir une galerie dynamique. Seulement l’image, le nom, la saveur ainsi que l’alcool principal sont affichés dans le format réduit.

Créer le modèle conceptuel de la base de données

RF-402 : Supprimer des ingrédients de "Mon bar"

RF-402	Supprimer de mon bar
Description	L’utilisateur peut supprimer les ingrédients qui ont été précédemment ajoutés à son bar, soit en appuyant sur l’ingrédient lui-même ou en appuyant sur le bouton “supprimer tous mes ingrédients”.
Priorité	Haute
Critère(s) d’acceptation	- Cliquer sur un ingrédient ou sur le bouton pour supprimer tous enlèvent les ingrédients de la liste.
Dépendance(s)	RF-401
Acteurs	Utilisateur
Cas d’usage	CU-005
Commentaire(s)	Aucun

RF-504 : Gérer ses publications

RF-504	Gérer mes publications
Description	Le système permet à un utilisateur de voir les publications dont il est l’auteur. De plus, l’utilisateur doit pouvoir supprimer ses publications.
Priorité	Moyenne
Critère(s) d’acceptation	- L'utilisateur peut cliquer sur ‘Mes Cocktails’ pour voir ses publications.
	- Les publications sont affichées en mode carrousel.
Dépendance(s)	RF-501
Acteurs	Utilisateur
Cas d’usage	CU-011
Commentaire(s)	Aucun

Implémenter la route initiale dans l'API

RF-403 : Proposer des recommandations dans "Mon bar"

RF-403	Recommandation
Description	Le système doit offrir à l’utilisateur des recommandations de cocktail qu’il lui est possible de faire dans la section "mon bar" du site. Ces recommandations sont divisées en trois catégories : les classiques, les cocktails aimés ainsi que ceux créés par la communauté.
Priorité	Haute
Critère(s) d’acceptation	- Les cocktails filtrés s’affichent en temps réel sur la page.
	- Les publications sont affichées en mode carrousel.
	- Les cocktails sont filtrés selon un ordre spécifique (officiels, favoris, communautaires).
Dépendance(s)	RF-401, RF-404
Acteurs	Utilisateur
Cas d’usage	CU-013
Commentaire(s)	Aucun

Créer le modele relationnel de la base de donnée

Utiliser Visual Paradigm et s'inspirer de la conception du projet du README.

RF-101 : Affichage de la galerie de cocktails

RF-101	Affichage galerie cocktail
Description	Le système doit afficher des publications de cocktails simplifié sous forme de grille. Les cocktails sont ordonnés par défaut en fonction de leur popularité (nombre mentions J’aime).
Priorité	Haute
Critère(s) d’acceptation	- Le système affiche les publications en ordre de popularité par défaut.
	- L’usager peut défiler la page web afin de voir davantage de cocktails.
Dépendance(s)	RF-103
Acteurs	Utilisateur/visiteur
Cas d’usage	CU-001
Commentaire(s)	Tenir compte des différentes tailles d’écrans afin d’avoir une galerie dynamique. Seulement l’image, le nom, la saveur, le nombre de J’aime ainsi que l’alcool principale sont affichées dans le format réduit.

RF-105 : Filtrer les cocktails affichés dans la galerie

RF-105	Filtrer galerie
Description	Lorsqu’un utilisateur est connecté, il doit pouvoir filtrer la galerie de cocktail afin qu’elle affiche seulement les boissons qu’il peut faire avec les ingrédients qu’il possède à l’aide d’une case à cocher.
Priorité	Moyen
Critère(s) d’acceptation	- Les cocktails affichés dans la galerie sont préparés à l’aide des ingrédients de l’utilisateur.
	- L’utilisateur peut sélectionner une case à cocher afin d’activer le filtrage.
	- Dans le cas où la quantité de cocktail qui réponde aux conditions ne sont pas suffisante, on affiche les cocktails avec le plus de correspondance possible. On informe l’utilisateur des ingrédients manquant.
Dépendance(s)	RF-101, RF-404, RF-304
Acteurs	Utilisateur
Cas d’usage	CU-013
Commentaire(s)

On ne peut pas mettre d'accents dans les commentaires

^
(Trouvé par CocktailPrincess)

RF-505 : Contacter le support

RF-505	Contactez support
Description	Le système permet à un utilisateur de communiquer avec l’équipe de support par courriel.
Priorité	Basse
Critère(s) d’acceptation	- L'utilisateur peut cliquer sur ‘Support’ pour voir la sous-page "support".
	- L’utilisateur peut écrire un message et cliquer sur le bouton "envoyer".
Dépendance(s)	RF-501
Acteurs	Utilisateur
Cas d’usage	Aucun
Commentaire(s)	Aucun

Mettre en place la base de données

RF-104 : Ajouter des infobulles pour les icônes des cocktails

RF-104	Information icone
Description	Le système doit informer l’usager de la signification des icones présent sur la publication simplifié à l’aide d’une infobulle.
Priorité	Basse
Critère(s) d’acceptation	- Une infobulle avec la description de l’icône s’affiche lorsque le curseur de l’utilisateur est présent sur l’icone
Dépendance(s)	RF-101
Acteurs	Utilisateur/visiteur
Cas d’usage	CU-001
Commentaire(s)	Les icônes présentes sur une publication simplifié représentent le profil de saveur (sucrée, salé, amère, épicée, aigre) ainsi que l’alcool principale (vodka, tequila, gin…).