# Instructions de Déploiement - Zarreda.com

## 🚀 Déploiement Gratuit de votre Application

Votre application React est maintenant prête pour un déploiement gratuit ! Voici les options disponibles :

## Option 1: Netlify (Recommandé - Plus Simple)

### Méthode 1: Glisser-Déposer
1. Allez sur [netlify.com](https://netlify.com)
2. Créez un compte gratuit
3. Glissez-déposez le dossier `dist` directement sur la page Netlify
4. Votre site sera disponible immédiatement avec une URL comme `https://votre-nom-aleatoire.netlify.app`

### Méthode 2: Via GitHub
1. Créez un repository GitHub
2. Uploadez le contenu du dossier `dist` dans le repository
3. Connectez Netlify à votre repository GitHub
4. Netlify déploiera automatiquement votre site

## Option 2: Vercel

1. Allez sur [vercel.com](https://vercel.com)
2. Créez un compte gratuit
3. Glissez-déposez le dossier `dist` ou connectez votre GitHub
4. Votre site sera disponible avec une URL comme `https://votre-projet.vercel.app`

## Option 3: GitHub Pages

1. Créez un repository GitHub
2. Uploadez le contenu du dossier `dist` dans le repository
3. Allez dans Settings > Pages
4. Sélectionnez "Deploy from a branch" et choisissez "main"
5. Votre site sera disponible à `https://votre-username.github.io/votre-repository`

## Option 4: Surge.sh

1. Installez surge: `npm install -g surge`
2. Dans le dossier `dist`, exécutez: `surge`
3. Suivez les instructions pour créer un compte
4. Votre site sera disponible avec une URL personnalisée

## 📁 Fichiers à Déployer

Le dossier `dist` contient tous les fichiers nécessaires :
- `index.html` - Page principale
- `assets/` - Fichiers CSS et JavaScript optimisés
- `images/` - Images des plats
- `vite.svg` - Icône

## 🔧 Personnalisation

Pour changer le nom de domaine ou personnaliser l'URL :
- **Netlify** : Allez dans Domain settings
- **Vercel** : Allez dans Project settings > Domains
- **GitHub Pages** : Utilisez un repository nommé `votre-username.github.io`

## ✅ Fonctionnalités

Votre application inclut :
- ✅ Affichage des plats marocains
- ✅ Sélection de quantités
- ✅ Choix des parties de poulet
- ✅ Formulaire de commande
- ✅ Gestion du stock en temps réel
- ✅ Interface responsive
- ✅ Messages en arabe et français

## 🎯 Prochaines Étapes

1. Choisissez une plateforme de déploiement
2. Suivez les instructions ci-dessus
3. Partagez votre lien avec vos clients !
4. Pour recevoir les vraies commandes, vous devrez configurer un système de notification (email, WhatsApp, etc.)

## 📞 Support

Si vous avez des questions, consultez la documentation de la plateforme choisie ou contactez-moi !

