Projet WALL-E

Transformer du langage naturel en projets logiciels complets grâce à l'automatisation intelligente

Aperçu du projet

Du Langage Naturel au Logiciel

WALL-E est une interface web innovante qui permet aux utilisateurs de décrire des projets logiciels en langage naturel, que le système génère automatiquement sans nécessiter de compétences techniques.

Décrivez simplement votre idée en français, et WALL-E gère l'intégralité du processus de développement, de l'analyse au produit final.

J'ai besoin d'une application de gestion des tâches avec authentification de l'utilisateur et tableau de bord des statistiques.

AI generating code

Flux de travail automatisé

  • WALL-E analyse la description de l'utilisateur pour comprendre les besoins

  • Le code du backend et du frontend est généré automatiquement

  • Des tests complets sont effectués

  • Le projet est prêt à être déployé

  • Le produit final est livré à l'utilisateur

Workflow automation

Fonctionnalités Clés

Interface React Intuitive

Interface frontend claire et conviviale construite avec React et TypeScript, stylisée avec TailwindCSS pour une expérience fluide.

Simulation de journal en temps réel

Console interactive qui montre l'avancement pas à pas de la génération d'un projet, avec des effets d'animation.

Exécution locale

Le fonctionnement entièrement local garantit la confidentialité et la sécurité des données - aucune dépendance à l'égard de l'informatique en nuage n'est nécessaire.

FastAPI Backend

Le backend Python traite les demandes de l'utilisateur et coordonne efficacement le flux de travail de la génération.

Conception adaptée

Interface entièrement réactive qui fonctionne parfaitement sur les ordinateurs de bureau, les tablettes et les appareils mobiles.

Contrôle des processus

Le bouton d'arrêt permet aux utilisateurs d'interrompre la génération à tout moment si nécessaire.

Structure du projet

Organisation du système de fichiers

wall-e/
├── frontend/ # Interface React + TailwindCSS
├── backend/ # API FastAPI
├── main.py # Lancement coordonné des 2 serveurs
├── package.json # Dépendances frontend
├── postcss.config.js
└── tailwind.config.js

Technical Stack

  • Frontend: React 18, TypeScript, Vite
  • Stylisme: TailwindCSS avec animations personnalisées
  • Backend: FastAPI (Python), Uvicorn
  • Communication: API REST avec JSON
  • Lancement: Script Python unifié

Mise en place du développement local

$ git clone https://github.com/user/wall-e.git
$ cd wall-e
$ python main.py
[INFO] Backend server started on http://localhost:8000
[INFO] Frontend server started on http://localhost:5173
[INFO] Opening browser...

Frontend Architecture

React Components

  • App.tsx - Composant racine gérant les modes d'affichage
  • ChatInput.tsx - Champ de saisie de l'utilisateur avec bouton de soumission
  • LogBuilder.tsx - Animation du journal avec setTimeout
  • LogConsole.tsx - Affichage du journal brut
  • GenerateButton.tsx - Déclencheur de l'action principale

UI Techniques

  • Vite pour des développements ultra-rapides
  • TailwindCSS avec des animations personnalisées
  • PostCSS avec Autoprefixer
  • Keyframes pour la visualisation des progrès

Configuration des animations personnalisées

// tailwind.config.js
module
.exports = {
animation: {
'fade-in': 'fadeIn 0.6s ease-out forwards',
'fade-in-up': 'fadeInUp 0.5s ease-out forwards'
}
}

Backend Architecture

API Endpoint

@app.post("/prompt")
async def handle_prompt(request: Request):
data = await request.json()
logs = generer_projet(data.get("prompt", ""))
return {"message": "\n".join(logs)}

Ce point d'accès reçoit les invites de l'utilisateur, les traite dans le pipeline de génération et renvoie les journaux de progression.

Flux de production du projet

  1. 1
    🧠 Analyse des besoins des utilisateurs
  2. 2
    📁 Génération de la structure du projet
  3. 3
    🛠️ Création de fichierss
  4. 4
    🧪 Exécution de tests automatisés
  5. 5
    📦 Emballage pour le déploiement

Frontend-Backend Communication

Frontend sends
POST /prompt with JSON payload
Backend processes
generer_projet() simulation
La réponse contient
Enregistrer les lignes sous forme de chaînes multilignes

Démo Interactive

WALL-E Demo Interface

J'ai besoin d'une application de gestion des tâches avec authentification des utilisateurs et statistiques.

J'ai compris ! Je vais créer une application de gestion des tâches avec les caractéristiques suivantes:

  • Système d'authentification des utilisateurs
  • Fonctionnalité de création/édition de tâches
  • Tableau de bord des statistiques
  • Intégration des bases de données

Console de Génération

$ Initialisation de la génération du projet...
[1/5] Mise en place d'un système d'authentification...
✓ Création de routes d'authentification
✓ Mise en place de l'intergiciel JWT
✓ Modèle d'utilisateur mis en œuvre
[2/5] Création de composants de gestion des tâches...
[3/5] Construire un tableau de bord des statistiques...
[4/5] Connexion à la base de données...
[5/5] Exécuter des tests automatisés...

Évolutions Futures

AI Agent Integration

Incorporer des agents spécialisés pour les différents rôles de développement (developer.py, tester.py) afin de créer des flux de travail entièrement automatisés.

Intégration du système de fichiers

Connexion directe avec le système de fichiers local pour l'enregistrement des projets générés et l'analyse des bases de code existantes.

Système Auto-KPI

Mesures de performance automatisées et auto-évaluation basée sur les journaux de génération et l'analyse de la qualité du code.

Migration des projets

Capacité d'analyser et d'améliorer les projets existants, en convertissant le code existant en normes modernes.

Prêt à révolutionner le développement logiciel ?

WALL-E représente un changement de paradigme dans la création logicielle, mettant la puissance du développement à portée de tous.

Retour en haut de la page