# 🚀 Lancement du Visual Workflow Builder

## Démarrage Ultra-Simple

```bash
cd visual_workflow_builder
./run.sh
```

**C'est tout !** Le script va :
1. ✅ Créer l'environnement virtuel Python (si nécessaire)
2. ✅ Installer les dépendances backend
3. ✅ Installer les dépendances frontend
4. ✅ Lancer le backend Flask
5. ✅ Lancer le frontend React
6. ✅ Ouvrir le navigateur automatiquement

## Ce que vous verrez

```
==========================================
Visual Workflow Builder - Lancement
==========================================

1. Configuration de l'environnement Python
----------------------------------------
✓ Python trouvé: Python 3.x.x
✓ Environnement virtuel créé
✓ Environnement virtuel activé

2. Installation des dépendances backend
----------------------------------------
✓ Dépendances backend installées

3. Installation des dépendances frontend
----------------------------------------
✓ Node.js trouvé: v14.x.x
✓ Dépendances frontend installées

4. Démarrage du backend Flask
----------------------------------------
✓ Backend prêt sur http://localhost:5000

5. Démarrage du frontend React
----------------------------------------
✓ Frontend prêt sur http://localhost:3000

==========================================
✓ Visual Workflow Builder est prêt !
==========================================

URLs:
  • Frontend: http://localhost:3000
  • Backend:  http://localhost:5000

Pour arrêter: Ctrl+C
```

## Arrêter l'Application

Appuyez sur **Ctrl+C** dans le terminal où le script tourne.

## Logs

Si vous voulez voir les logs en temps réel :

```bash
# Backend
tail -f backend.log

# Frontend
tail -f frontend.log
```

## Prérequis

- **Python 3.8+** : `python3 --version`
- **Node.js 14+** : `node --version`
- **npm** : `npm --version`

## Problèmes Courants

### "Python n'est pas installé"

Installez Python 3.8+ : https://www.python.org/downloads/

### "Node.js n'est pas installé"

Installez Node.js 14+ : https://nodejs.org/

### "Port 5000 already in use"

```bash
lsof -ti:5000 | xargs kill -9
```

### "Port 3000 already in use"

```bash
lsof -ti:3000 | xargs kill -9
```

## Premier Test

Une fois l'application lancée :

1. **Ouvrir** http://localhost:3000
2. **Glisser** "Click" depuis la palette
3. **Cliquer** sur l'étape
4. **Configurer** les paramètres
5. **Cliquer** sur "Sauvegarder"
6. **Observer** la notification de succès ✅

## Fonctionnalités

✅ Drag & Drop d'étapes
✅ Connexion entre étapes
✅ Configuration des paramètres
✅ Sélecteur de cible visuel 📷
✅ Sauvegarde de workflows
✅ Exécution de workflows
✅ Notifications en temps réel

## Documentation

- **Guide complet** : `GUIDE_TEST_COMPLET.md`
- **Instructions** : `INSTRUCTIONS_FINALES.txt`
- **Résumé session** : `SESSION_04DEC_FINAL.md`

## Support

Si vous rencontrez des problèmes :
1. Vérifiez les logs : `backend.log` et `frontend.log`
2. Consultez `DEMARRAGE_SIMPLE.md`
3. Vérifiez que les ports 5000 et 3000 sont libres

---

**Bon workflow ! 🎉**