DevMobil :: Projet

Fonctionnalités minimums

1. Gestion des utilisateurs

Inscription et connexion via l’API backend.
Stockage local sécurisé du token d’authentification.
Mise à jour dynamique de l’interface selon l’état de connexion.

2. Gestion des ressources

CRUD complet sur les deux ressources principales définies par le backend.
Affichage de listes paginées lorsque l’API le propose.
Utilisation des filtres optionnels de l’API.
Affichage des données agrégées retournées par l’API.

3. Fonctionnalités temps réel

Utilisation de WebSocket (ou équivalent) ou/et animation temps réel.

Mise à jour automatique d’une liste.
Notifications en direct.
Synchronisation d’état entre utilisateurs.
Animations via canvas.

Implémentation

1. Respect des bonnes pratiques Vue.js

Composants réutilisables et cohérence structurelle.
Gestion d’état centralisée (store).
Routeur avec garde d’accès selon le statut d’authentification.
Utilisation correcte des props, emits et slots.

2. UX optimisée pour mobile

Interface responsive.
Navigation fluide.
Formulaires adaptés au tactile.

3. Gestion de l’asynchrone

Appels API via fetch ou axios.
Utilisation correcte des promesses.
Gestion explicite des erreurs réseau et serveur.

4. Retour utilisateur en cas d’erreurs

Validation client des formulaires.
Messages explicites.
Gestion des erreurs.

Déploiement

1. Déploiement sur Render

Hébergement du frontend sur Render.
Build : npm run build
Dossier public : dist/
Définition des variables d’environnement.

2. Gestion des environnements

Utilisation d’un fichier .env pour l’environnement local.
Variables Render pour la production.

README

Procédure d’installation et de lancement.
Variables d’environnement nécessaires.
Procédure de build et déploiement.
Lien vers l’API backend déployée.
Lien vers le frontend déployé sur Render.

Livrables

Liste des membres du groupe.
Lien vers le repository GitHub.
README incluant toutes les informations demandées.