Spécifications App Mobile

1.1Objectif de l'Application

L'application mobile REWAPP permet aux utilisateurs de bénéficier automatiquement de cashback lors de leurs achats chez les commerçants partenaires, de gérer leurs points de fidélité et de les convertir en virement bancaire ou en paiement chez les partenaires via QR code.

1.2Plateformes Supportées

1.3Fonctionnalités Principales

• Authentification sécurisée (email, social login, 2FA TOTP)
• Liaison de compte OpenBanking pour la détection automatique des transactions
• Dashboard avec solde de points et palier de fidélité
• Génération de QR code pour paiement commerçant (15 minutes, usage unique)
• Demande de virement bancaire (minimum 10€)
• Historique complet des transactions
• Recherche et localisation de partenaires
• Notifications push
• Gestion du profil et des paramètres

1.4Règles Métier Fondamentales

2.1Écran de Bienvenue (Onboarding)

Comportement

• Affiché uniquement au premier lancement
• Peut être passé via bouton "Passer" (coin supérieur droit)
• Mémorisé pour ne plus afficher (Ionic Storage)
• Swipe gauche/droite pour navigation

2.2Inscription

2.2.1 Inscription Email/Mot de Passe

Validation Mot de Passe

• Minimum 8 caractères
• Au moins 1 majuscule (A-Z)
• Au moins 1 minuscule (a-z)
• Au moins 1 chiffre (0-9)

2.2.2 Inscription via Google

1. 1

   Clic sur "Continuer avec Google"

2. 2

   Redirection OAuth2 Google

   Popup native

3. 3

   Authentification utilisateur

4. 4

   Récupération données

   Email, prénom, nom, photo profil

5. 5

   Vérification compte existant

6. 6

   Création automatique

   Pas de validation email nécessaire

7. 7

   Acceptation CGU

   Popup interstitiel

8. 8

   Redirection vers l'accueil / dashboard

   Pas de redirection obligatoire vers OpenBanking

2.2.3 Inscription via Apple (iOS uniquement)

• Clic sur "Continuer avec Apple"
• Sign In with Apple (popup native iOS)
• Option "Masquer mon email" supportée (relay Apple)
• Si prénom/nom vides → Écran complémentaire pour saisie

2.3Connexion

2.3.1 Connexion Email/Mot de Passe

2.3.3 Mot de Passe Oublié

1. 1

   Clic sur "Mot de passe oublié ?"

2. 2

   Écran avec champ email

3. 3

   Saisie de l'email

4. 4

   Envoi backend

   POST /api/auth/forgot-password

5. 5

   Message neutre

   "Si un compte existe avec cet email..."

6. 6

   Email envoyé

   Lien valable 1h, usage unique

7. 7

   Nouveau mot de passe

8. 8

   Redirection connexion

3.1Onboarding Première Liaison

Après inscription, l'utilisateur est guidé pour lier son premier compte OpenBanking.

Intégration SDK Solution Bancaire

Fournisseur recommandé : Plaid

1. 1

   Clic sur "Lier mon compte OpenBanking"

2. 2

   Lancement du SDK natif

3. 3

   Sélection de banque

   Recherche + liste

4. 4

   Authentification bancaire sécurisée

5. 5

   Validation 2FA

   SMS, app bancaire

6. 6

   Sélection des comptes

7. 7

   Consentement

   Durée 90 jours renouvelable

8. 8

   Confirmation

   "Compte OpenBanking lié avec succès !"

3.2Gestion des Comptes OpenBanking

Accès : Profil → Comptes OpenBanking

Liste des Comptes Liés

Actions du Menu

• "Définir comme principale"
• "Voir les transactions"
• "Reconnecter" (si statut orange)
• "Supprimer le compte"

Suppression d'une Carte

4.1Structure de l'Écran

Header

• Logo REWAPP (petit, coin gauche, cliquable → scroll top)
• Barre de recherche condensée (icône loupe)
• Icône notifications (🔔) avec badge rouge si non lues
• Photo de profil ronde (coin droit, cliquable → profil)

Section Solde (Card principale)

Section Palier de Fidélité

Actions Rapides

Section Dernières Transactions

Titre : "Dernières transactions" + lien "Voir tout →"

Liste scrollable verticale (5 dernières) avec logo partenaire, nom, date (format relatif), et points gagnés.

4.2Comportements

• Pull-to-refresh : Actualisation complète (solde, transactions, palier)
• Animation de loading : Skeleton screens pendant chargement
• Animation crédit points : Confetti + son lors nouveau gain
• Real-time : WebSocket pour mise à jour instantanée après scan QR
• Deep linking : Retour au dashboard après actions externes

5.1Écran de Saisie

5.2Écran QR Code

Sécurité du QR Code

Contenu encodé (JSON signé) :

• ID utilisateur (hashé)
• Montant en euros
• Timestamp de génération
• Nonce unique
• Signature HMAC-SHA256

Expiration (après 15 minutes)

1. 1

   Compteur atteint 0

2. 2

   QR code disparaît

   Animation fondu + icône horloge

3. 3

   Points automatiquement recrédités

4. 4

   Écran "QR code expiré"

   Message : "Vos XXX€ ont été recrédités sur votre compte"

Scan Réussi

1. 1

   Notification backend (WebSocket)

2. 2

   Écran devient vert

   Grande icône ✓ animée + vibration

3. 3

   "Paiement validé !"

   Affichage du montant en euros utilisé

4. 4

   Retour dashboard après 3s

6.1Formulaire de Demande

6.2Suivi des Demandes

Accès : Profil → Mes virements OU Dashboard (si demande en cours)

7.1Écran Principal

Accès : Tab bar "Historique" OU Dashboard → "Voir tout"

8.1Écran Principal

Accès : Tab bar "Partenaires" OU Dashboard → Bouton "Partenaires"

• Toggle vue : Carte 🗺️ | Liste 📋
• Recherche : Nom, catégorie, adresse
• Filtres : Catégories, distance, cashback minimum, ouvert maintenant, premium
• Tri : Distance | Cashback | Popularité | Nouveaux

8.2Fiche Partenaire

• Header : Image couverture, logo, nom, catégorie, note, favori
• Infos : Taux cashback, palier, bonus, total effectif
• Localisation : Adresse, mini-carte, distance, boutons itinéraire/appeler
• Horaires : Tableau par jour, indicateur ouvert/fermé
• Statistiques : Points gagnés, dernière visite, nombre de visites
• Actions : Générer QR, Partager, Signaler erreur

9.1Types de Notifications

9.2Configuration

Paramètres → Notifications

• Points et transactions (recommandé : ON)
• Virements (recommandé : ON)
• Promotions et offres (défaut : ON)
• Nouveaux partenaires (défaut : ON)
• Alertes sécurité (toujours ON, non modifiable)

10.1Écran Profil

Accès : Tab bar "Profil" OU clic photo profil (dashboard)

10.2Suppression de Compte

1. 1

   Clic sur "Supprimer mon compte"

2. 2

   Écran d'avertissement

3. 3

   Saisie du mot de passe

4. 4

   Popup final de confirmation

5. 5

   Anonymisation des données (RGPD)

   Délai de rétractation : 30 jours

11.1Tab Bar

11.2États d'Erreur Globaux

11.3Accessibilité & Mode Sombre

• Support VoiceOver (iOS) et TalkBack (Android)
• Labels accessibilité sur tous les éléments interactifs
• Contraste suffisant (WCAG AA minimum)
• Taille de texte dynamique
• Mode sombre : Clair / Sombre / Système

12.1Récapitulatif des Règles Métier

12.2Messages d'Erreur Standards

12.3Intégrations Techniques

12.4Stockage Local