Little Helpers - Artefacts Demonstrator

Ce projet est un démonstrateur technique et conceptuel illustrant le passage du "Document statique" à "l'Artefact Vivant".

🎯 Le Pourquoi : La Vision "Little Helpers"

Nous vivons une transition majeure dans la manière de travailler. Le paradigme classique "Document -> Réunion -> Décision" est en train de s'effondrer au profit d'une approche plus fluide, interactive et assistée par l'IA.

Ce projet démontre comment des artefacts jetables, interactifs et intelligents peuvent remplacer les documents administratifs lourds (PDF, Excel, Word).

Les 3 Piliers de l'Artefact Vivant :

1. Co-Création : Une interface qui guide la saisie et structure la pensée, plutôt qu'une page blanche.
2. Intelligence : Une IA qui valide, suggère, simule et optimise en temps réel.
3. Actionnabilité : Un outil qui produit un résultat exploitable (décision, export officiel, plan d'action) immédiatement.

🛠 Le Comment : "Vibe Coding" & Tech Stack

Ce démonstrateur a été construit selon la méthodologie du "Vibe Coding" : une approche où le développeur agit comme un chef d'orchestre, guidant des modèles d'IA pour générer le code, le design et le contenu.

La Stack Technique

• Framework : React 19 + Vite
• Langage : TypeScript
• Styling : Tailwind CSS 4
• Icons : Lucide React
• Routing : React Router 7

Les Outils de Fabrication

• Orchestration : Google Antigravity (Agentic AI)
• Intelligence : Claude 3.5 Sonnet, GPT-4o, Perplexity (pour la recherche et la synthèse)
• Déploiement : Vercel

🚀 Installation & Démarrage

Pour explorer le projet localement :

# Installer les dépendances
npm install

# Lancer le serveur de développement
npm run dev

L'application sera accessible sur http://localhost:5173.

📂 Structure du Projet

• /src/pages : Les différentes vues de l'application (Accueil, Démos, Coulisses).
• /src/components : Les briques d'interface réutilisables et les composants spécifiques aux démos.
  • /theater : Démo "Compagnie de Théâtre" (Budget, Planning).
  • /pme : Démo "PME & RH" (Onboarding, Juridique).
  • /freelance : Démo "Freelance" (Proposition commerciale).
• /src/data : Les données statiques et les prompts simulés.

🌟 Les Démos Disponibles

1. Le Théâtre : Gestion de production, budget prévisionnel et planning de tournée.
2. La PME : Processus d'onboarding collaboratif et génération de contrats.
3. Le Freelance : Création de proposition commerciale augmentée par l'IA.

---

Fait avec ❤️ et beaucoup de prompts par l'équipe Memoways.