# Studio Décision - Architecture full-stack - Olivier Guitton

> Architecture full-stack - Une vraie application, conçue pour durer - développée seul.

Page d'origine : https://www.olivierguitton.com/studio-decision-architecture.html

---

Studio Décision · Ingénierie · brique 8

Une vraie application, conçue pour durer - développée seul.

React + TypeScript Node & PostgreSQL Event store Offline sync Vite

Ce que ça démontre

Construire réellement ce que l'on a spécifié - et le faire tenir dans le temps.

![Capture réelle - Architecture full-stack](https://www.olivierguitton.com/assets/studio-decision-full-stack.png)

Fonctionnement

## Comment ça marche

Studio Décision n'est pas une maquette : front typé, back événementiel, résilience hors-ligne et internationalisation. Le tout pensé, écrit et déployé de bout en bout.

01

### Front

React + TypeScript et Vite, une bibliothèque de composants maison, icônes lucide, rendu performant.

02

### Back & données

Node et PostgreSQL, stockage jsonb, event store et projections pour un historique fiable.

03

### Résilience

Fallback localStorage et synchronisation hors-ligne : l'app reste utilisable sans réseau.

04

### Qualité

Typage strict, séparation claire des couches et permissions par ressource.

## Points clés

✓ Front React/TypeScript typé

✓ Back Node & PostgreSQL événementiel

✓ Résilience hors-ligne

✓ Conçu et développé de A à Z

- [← Précédent · 7 Assistant IA & RAG](https://www.olivierguitton.com/studio-decision-assistant-ia.md)
- [Suivant · 9 Design system « Crème » →](https://www.olivierguitton.com/studio-decision-design-system.md)

## Les autres écrans

- [Vue d'ensemble](https://www.olivierguitton.com/studio-decision-etude-de-cas.md)
- [Import & profilage](https://www.olivierguitton.com/studio-decision-import.md)
- [Pipelines de données](https://www.olivierguitton.com/studio-decision-pipelines.md)
- [Dashboards interactifs](https://www.olivierguitton.com/studio-decision-dashboards.md)
- [Décisions tracées](https://www.olivierguitton.com/studio-decision-decisions.md)
- [Suivi de l'impact](https://www.olivierguitton.com/studio-decision-impact.md)
- [Présentations & export](https://www.olivierguitton.com/studio-decision-presentations.md)
- [Assistant IA & RAG](https://www.olivierguitton.com/studio-decision-assistant-ia.md)
- [Design system « Crème »](https://www.olivierguitton.com/studio-decision-design-system.md)
- [Pilotage & delivery](https://www.olivierguitton.com/studio-decision-pilotage.md)