Stack technique

Présentation du Framework Javascript (FRONT)

Afin de respecter le cahier des charges, nous avons utilisé le framework vueJS, c'est un framework javascript très légé qui permet de développer des sites CSR (client side rendering)

Bibliothèques VueJS

• Vite : Vite est un outil de build qui est utilisé pour lancer le site en mode développement ou le build
• Vuetify 3 : Librairie de composant UI qui permet d'avoir un site qui respect le même design partout sur le site
• EmailJS : Service utilisé pour l'envoi d'e-mails directement depuis le client (formulaires de contact/aide).
• Vue Router : Permet de développer un site avec plusieurs pages
• Vuex 4 : Permet de sauvegarder les données dans le cache du navigateur. Permet aussi de séparer un peu plus la logique entre le design de la page et les actions effectuées par le site.

Backend & Services Cloud (Firebase)

L'application s'appuie fortement sur l'écosystème Firebase pour les services backend :

• Authentication : Peremt la gestion des comptes utilisateurs (inscription, connexion).
• Firestore : Base de données NoSQL en temps réel pour stocker les défis, les scores et les profils.
• Storage : Stockage des fichiers statiques (images).
• Cloud Functions : Logique backend sécurisée (validation de flags, gestion des indices, attribution de badges).
• Hosting : Utilisé pour les environnements de préproduction et les prévisualisations de Pull Requests.