diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000000000000000000000000000000000000..efac161119c7291907b071035e7ef2bf9349322b
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,9 @@
+# Config AriseID Connect (http://localhost:5173)
+AIDC_CLIENT_ID="6b924fd8-bcbb-4462-9a73-27a2ae8a35d9"
+AIDC_CLIENT_SECRET="EwRFM.HUbX1MEF_j2XUPd6B8.H"
+
+API_ORIGIN="https://api.iiens.net"
+API_TOKEN="XXXXXXXXXXXXXXXXXXXXXXXXXXXX"
+
+# Valeur aléatoire pour chiffrer les cookies
+COOKIE_SECRET="ge7jefgq2drkhpggu6uf17hlfv2u9eru"
diff --git a/README.md b/README.md
index 8cff704f0c0c9477474bcd48ec5c3cc80523b0d9..157da765e476a083bfa1d35434e78806559c8cda 100644
--- a/README.md
+++ b/README.md
@@ -1,29 +1,64 @@
 # Qui est-ce ?
 
-# [DOCUMENTATION EN COURS] (SoonTM)
+Le `Qui est-ce ?` est un jeu pour apprendre à connaître les pseudos des 0As en premier lieu
+mais aussi des autres promotions à l'école.
 
-## Developing
+Ce projet utilise l'**API d'ARISE** et **AriseID Connect** (OIDC / OAuth2).
 
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+> Dans la mesure du possible, ce projet sera maintenu à jour pour refléter les bonnes pratiques
+> de développement utilisant les standards ARISE (API & AIDC)
 
-```bash
-npm run dev
+## Développement local
 
-# or start the server and open the app in a new browser tab
-npm run dev -- --open
+*Pour une présentation détaillée, lire la section [technologies](#technologies)*
+
+Prérequis : [Node](https://nodejs.org/en/download)
+Optionnel : [nvm (Node Version Manager)](https://github.com/nvm-sh/nvm#installing-and-updating)
+
+### Installation
+
+```shell
+git clone git@git.iiens.net:Steel/qui-est-ce.git
+
+cd qui-est-ce
+cp .env.example .env
+
+corepack enable # activation de pnpm
+
+pnpm install
 ```
 
-## Building
+### Développement
+
+```shell
+pnpm dev
+```
 
-To create a production version of your app:
+### Build
 
-```bash
-npm run build
+```shell
+pnpm build
+pnpm preview
 ```
 
-You can preview the production build with `npm run preview`.
+## Technologies
+
+Les pages utilisent le SSR (Server Side Rendering), ce qui implique d'avoir un serveur web pour 
+faire le pré-rendu des pages.
+
+[NodeJS](https://nodejs.org) est un runtime JavaScript qui est ici utilisé comme serveur web.
+
+[Typescript](https://www.typescriptlang.org/) est un langage de programmation fortement typé qui s'appuie sur JavaScript.
+
+### Frontend
+
+[Svelte](https://svelte.dev/) est un framework JavaScript pour créer des pages web réactives.
+
+[Tailwind](https://tailwindcss.com/) est un framework CSS de classes utilitaires.
+
+### Backend
 
-> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
+[SvelteKit](https://kit.svelte.dev/) est le framework backend de préférence pour Svelte.
 
 ```graphql
 mutation createToken {
diff --git a/src/routes/quiz/+page.svelte b/src/routes/quiz/+page.svelte
index de33acf9cc3e372deb1707fa1f9503794fff40d0..17422c2a36e62a7d9ae75aaecca062cddfc150ff 100644
--- a/src/routes/quiz/+page.svelte
+++ b/src/routes/quiz/+page.svelte
@@ -39,7 +39,7 @@
       formaction="?/quit"
       class="col-span-1 flex size-14 cursor-not-allowed flex-col divide-y divide-gray-200 rounded-full border-6 border-solid border-zinc-800 bg-red-300 text-center shadow transition-[0.45s] enabled:cursor-pointer enabled:bg-slate-100 enabled:hover:translate-y-[-3px] enabled:hover:bg-slate-300 enabled:focus:border-indigo-500 sm:size-20"
     >
-      <div class="flex flex-1 flex-col m-auto">
+      <div class="m-auto flex flex-1 flex-col">
         <img
           class="m-auto size-8 flex-shrink-0 sm:size-12"
           src={QuitIcon}
@@ -52,7 +52,7 @@
       target="_blank"
       class="col-span-1 flex size-14 cursor-pointer flex-col divide-y divide-gray-200 rounded-full border-6 border-solid border-zinc-800 bg-slate-100 text-center shadow transition-[0.45s] hover:translate-y-[-3px] hover:bg-slate-300 focus:border-indigo-500 sm:size-20"
     >
-      <div class="flex flex-1 flex-col m-auto">
+      <div class="m-auto flex flex-1 flex-col">
         <img
           class="m-auto size-8 flex-shrink-0 sm:size-12"
           src={GitIcon}
diff --git a/src/routes/quiz/new/+page.server.ts b/src/routes/quiz/new/+page.server.ts
index 4ceb1dcde7b0d7bfeafebc396085ac05f080c037..ecc0800d92efed1909425d31965937bba75fb2ee 100644
--- a/src/routes/quiz/new/+page.server.ts
+++ b/src/routes/quiz/new/+page.server.ts
@@ -54,9 +54,9 @@ export async function load(event) {
       image: images.stickFighting,
     },
     {
-      year: 1,
+      year: zeroA,
       maxYear: 3,
-      name: "1-3A",
+      name: `${zeroA}-3A`,
       image: images.conferenceCall,
     },
     {
@@ -76,7 +76,7 @@ export async function load(event) {
       image: images.elderlyPerson,
     },
     {
-      year: 1,
+      year: zeroA,
       maxYear: VIIEUX_YEAR,
       name: "IIEns",
       image: images.crowd,