Backlog Corentin - falcoda/Projet-DevWeb-III GitHub Wiki
User storie personelle 1
5 (NI et I) En tant qu'utilisateur je souhaite pouvoir contacter l'ASBL facilement afin de pouvoir poser d'éventuelles questions.
Etant donné que je suis un potentiel futur client, quand je me rend sur l'onglet contact alors je suis redirigé sur une page me permettant de contacter l'asbl où s'y trouvera un formulaire de contact. Je veux pouvoir leur envoyer un email facilement à partir du site en y mettant mon nom, prénom, adresse mail et mon message.
Eléments présents
-
Un formulaire conprenant diverses informations
Nom Prénom Mail Message
-
Un bouton "envoyer"
Lors de l'utilisation de ce bouton, le formulaire est envoyé à la base de donnée et à l'adresse mail de l'ASBL
Fonctionnalitées
-
Les données sont envoyer vers la base de donnée
Les données sont envoyés via une requète XHR à la base de donnée. Les données envoyées sont : Le nom, prénom, l'adresse mail, message
-
Les données sont envoyer par mail à l'ASBL
Les données sont envoyé par mail avec la librairie nodemailer Les données envoyées sont : Le nom, prénom, l'adresse mail, message
-
Les données sont vérifiées (Mail, nom, message valide)
Les données sont vérifiées. Cela permet de détecter si : - le nom, prénom sont valide (pas de numéro, carractères spéciaux), - le mail a une synthaxe correcte (possède un "@", un ".", une chaine de carractère avant le @ ainsi qu'avant et après le point - le message n'est pas vide
-
En cas d'erreur, il ne faut pas réencoder toutes les données
Si une erreur est présente sur un des champs, un message rouge se met à coté de celui-ci. Les autres champs ne sont pas effacés.
Utilisation d'API
Afin d'envoyer les données au serveur, l'utilisation de notre API est requise.
Description | Endpoint | Paramètre | Méthode | Réponse |
---|---|---|---|---|
Envoie un mail et sauvegarde dans la DB | /mail |
mail, nom, prénom, message | POST | renvoie 'succes' ou 'error' en cas d'erreur |
Maquette
Scénarios :
User storie personelle 2
16 (NI et I) En tant qu'utilisateur non inscrit je souhaite pouvoir voir la localisation de l'ASBL sur une carte afin de voir si elle n'est pas située trop loin.
Etant donné que je suis un potentiel futur client, quand je me rend sur l'onglet contact alors je suis redirigé sur une page me permettant de contacter l'asbl où s'y trouvera le facebook, l'instagram, l'adresse mail de l'asbl. Je veux également pouvoir voir la localisation de l'asbl sur une carte.
Eléments présents
-
Les liens des différents réseaux sociaux de l'ASBL
Facebook : https://www.facebook.com/Falcohm6TM Instagram : https://www.instagram.com/falcohm6tm/?hl=fr
-
Un numéro de téléphone
Téléphone : 0471040755
-
Une carte indicant la localisation de l'ASBL
4 rue des croix du feu 1473 glabais
Fonctionnalitées
-
Les liens des réseaux sociaux redirige directement vers ceux-ci
Facebook : https://www.facebook.com/Falcohm6TM Instagram : https://www.instagram.com/falcohm6tm/?hl=fr
-
La carte permet de zoomer et dézoomer sur l'adresse de l'ASBL