46 lines
1.7 KiB
Markdown
46 lines
1.7 KiB
Markdown
# Contexte frontend
|
||
|
||
Ce document décrit le rôle du frontend, ses responsabilités et ses choix techniques.
|
||
Tout ce qui est indiqué ici est la référence pour les agents frontend.
|
||
|
||
---
|
||
|
||
## Légende des zones
|
||
- `<A REMPLIR - PROJET> (exemple: à personnaliser — a supprimer)` : à compléter par toi selon le projet.
|
||
- `<A COMPLETER PAR AGENT>` : à compléter par un agent spécialisé frontend.
|
||
|
||
---
|
||
|
||
## Objectif du frontend
|
||
- Parcours utilisateur principaux : <A REMPLIR - PROJET> (exemple: à personnaliser — a supprimer)
|
||
- Responsabilités principales : <A COMPLETER PAR AGENT>
|
||
- Hors périmètre : <A REMPLIR - PROJET> (exemple: à personnaliser — a supprimer)
|
||
|
||
## Interfaces
|
||
- API consommées (API = Interface de Programmation) : <A COMPLETER PAR AGENT>
|
||
- Authentification/autorisation : <A COMPLETER PAR AGENT>
|
||
- Intégrations externes : <A REMPLIR - PROJET> (exemple: ERP existant — a supprimer)
|
||
|
||
## Architecture UI
|
||
- Framework : <A COMPLETER PAR AGENT>
|
||
- Structure des pages : <A COMPLETER PAR AGENT>
|
||
- Gestion d’état : <A COMPLETER PAR AGENT>
|
||
- Design system / UI kit (bibliothèque de composants) : <A COMPLETER PAR AGENT>
|
||
|
||
## Qualité & accessibilité
|
||
- Performance attendue : <A REMPLIR - PROJET> (exemple: à personnaliser — a supprimer)
|
||
- Accessibilité (a11y = accessibilité web) : <A COMPLETER PAR AGENT>
|
||
- Tests (unitaires/E2E = tests de bout en bout) : <A COMPLETER PAR AGENT>
|
||
|
||
## Conventions
|
||
- Organisation du code : <A COMPLETER PAR AGENT>
|
||
- Nommage : <A COMPLETER PAR AGENT>
|
||
- Gestion erreurs : <A COMPLETER PAR AGENT>
|
||
|
||
---
|
||
|
||
## Exemple (a supprimer)
|
||
- Framework : React + Vite.
|
||
- Pages : `dashboard`, `settings`, `billing`.
|
||
- État : Zustand + React Query.
|