# UX mobile-lite — compte utilisateur et accueil

## Décision

L’accueil mobile ne doit pas servir d’historique des simulations.

L’accueil doit rester compact, orienté action, et utilisable sur mobile sans scroll autant que possible.

## Accueil mobile

L’écran `mobile-lite/app/index.js` est recentré sur :

- logo RenoValid
- bouton `Nouvelle simulation`
- bouton `Connexion / compte` ou `Mon compte`
- statut simple de synchronisation

L’historique détaillé des projets ne doit pas apparaître sur l’accueil.

## Compte utilisateur

Les écrans créés sont :

- `mobile-lite/app/account/login.js`
- `mobile-lite/app/account/register.js`
- `mobile-lite/app/account/forgot-password.js`

Connexion et inscription proposent une option :

`Rester connecté sur cet appareil`

## Stockage de session

Si `Rester connecté` est activé :

- le token utilisateur est conservé dans le stockage local disponible.

Si `Rester connecté` est désactivé :

- le token n’est gardé qu’en mémoire durant la session courante.

## Historique des simulations

Les simulations/projets sauvegardés doivent être accessibles dans un écran dédié ultérieur, par exemple :

- `mobile-lite/app/account/projects.js`
- ou `mobile-lite/app/projects/index.js`

Elles ne doivent pas encombrer la page d’accueil.

## Affichage mobile

Les écrans doivent être conçus pour limiter le scroll :

- textes courts
- cartes compactes
- boutons principaux visibles immédiatement
- formulaires courts
- historique et tableaux sur écrans dédiés