IDENTITX — Lab Identitaire
Explore qui tu es. Construis qui tu deviens.
Prototype SaaS premium d'exploration identitaire. Next.js 14 (App Router) + TypeScript + Tailwind + Zustand + Recharts. Local-first, sans backend, sans authentification.
Stack
- Next.js 14 — App Router
- Tailwind CSS — thème noir/fuchsia/orange, Fraunces (display) + Inter (UI)
- Zustand — état global, persistance
localStorage
- Recharts — radar ADN + graphes des rapports
- lucide-react — icônes
Volontairement resserré pour un premier déploiement fiable que tu ne peux pas tester en local. Les libs plus lourdes du cahier des charges (IndexedDB, Framer Motion, shadcn, react-hook-form) pourront s'ajouter une fois la base en ligne.
Fonctionnalités
Onboarding guidé (6 étapes) → génère un profil et des données simulées cohérentes, puis : Tableau de bord (4 jauges), Explorer (14 cartes éditables), Ligne de vie, ADN personnel (radar), Coach IA, Journal, Rapports, Paramètres (thème, export/import JSON, export PDF via impression, réinitialisation).
Déployer depuis l'iPhone (GitHub → Vercel)
- Mettre le code sur GitHub. Décompresse ce dossier, puis pousse-le sur un repo. Depuis l'iPhone, l'app Working Copy importe un
.zip directement, ou tu peux glisser les fichiers via l'interface web GitHub (« Add file › Upload files »).
- Importer dans Vercel. Sur vercel.com → Add New Project → sélectionne le repo. Framework détecté : Next.js. Aucune variable d'environnement requise.
- Deploy. Regarde le Build Log du premier déploiement : s'il y a une erreur, elle s'affiche là.
Filet de sécurité : next.config.mjs ignore les erreurs TypeScript et ESLint au build pour que ce premier déploiement ne casse pas sur un détail. Une fois en ligne, repasse ignoreBuildErrors à false pour réactiver les vérifications.
Personnaliser la marque
Toutes les couleurs sont des variables CSS dans app/globals.css (--fuchsia, --orange, --noir…). Les polices se changent dans app/layout.tsx.
Brancher un vrai Coach IA (plus tard)
Le coach (lib/coach.ts) répond en local à partir du profil, sans clé API. Pour un vrai modèle : crée app/api/coach/route.ts qui appelle ton fournisseur (clé côté serveur), et remplace l'appel à coachReply dans app/coach/page.tsx par un fetch vers cette route.
En local (optionnel)
npm install
npm run dev
