Oasis-Connect (Oasis-Disconnect)

Projet fictionnel satirique: une vitrine dystopique ou l'IA a pris le controle apres la Grande Chauffe de GPT-8 et vend la survie sous forme d'abonnement.

Objectif pedagogique

Ce projet sert d'exemple pour montrer:

• comment construire un univers narratif coherent,
• comment le transformer en site vitrine avec funnel de presentation,
• comment garder une base technique propre (lint, tests, build, CI).

Stack

• Next.js (App Router) + TypeScript
• Tailwind CSS + composants UI
• Recharts
• Vitest + Testing Library
• GitHub Actions (CI)

Note: pas de base de donnees. Le dashboard est volontairement fictionnel et les etats utiles sont conserves en localStorage.

Lancer en local

npm install
npm run dev

Verification qualite

npm run lint
npm run test:run
npm run build

Script de presentation (7-8 min)

Le script complet est dans:

• docs/presentation-7-8min.md

Checklist avant passage en classe

1. npm install
2. npm run lint
3. npm run test:run
4. npm run build
5. npm run dev
6. Ouvrir http://localhost:3000
7. Parcours demo: Home -> Le Sarcophage -> Taxe Respiratoire -> Dashboard

Structure principale

• src/app/page.tsx: landing page satirique
• src/app/dashboard/*: dashboard fictionnel
• src/content/landing.ts: contenu narratif centralise
• src/components/*: modales, chatbot, widgets
• src/lib/*: helpers techniques
• .github/workflows/ci.yml: pipeline CI