Front-end Ara

Le projet a été créé avec Vite.js. Le framework front-end est Vue.js (en version 3) avec TypeScript.

La partie style utilise le DSFR (Système de Design de l'État) et du CSS sans pré-processeur.

Prérequis

Node.js
Yarn

Installation

Installer les dépendances :

yarn install

Générer les fichiers requis du RGAA (critères et tests et méthodologies) :

yarn generate:rgaa

Développement

Lancer le serveur local sur le port 3000 :

yarn dev

Tests

Cypress est utilisé pour lancer des tests end-to-end (e2e) dans un navigateur pour reproduire le comportement des utilisateurs.

Les tests peuvent être lancés de 2 manières :

Via l’application Cypress avec :
```
yarn cypress open
```
Via le terminal avec :
```
yarn cypress run
```

Guidelines

Utiliser les media queries en "desktop first" et avec la notation suivante avec les valeurs de points de rupture du DSFR :
```
@media (width < 62rem) {
  ...
}
```
Ordonner les classes CSS de la manière suivante : <1. classes du composant DSFR> <2. classes utilitaires du DSFR> <3. classes custom>. Exemple :
```
<button class="fr-btn fr-btn--secondary fr-mt-4w submit-button">...</button>
```
1. fr-btn fr-btn--secondary
2. fr-mt-4w
3. submit-button