# Octopus-React-Wp

## Formulaire de contact – mise en route

Le formulaire (`frontend/src/components/Pages/Contact.jsx`) envoie désormais une requête POST vers l’API de contact.  
Suivez ces étapes pour activer l’envoi d’e-mails :

1. **Configuration backend**
   - Copiez `server/cloudinary-backend/.env.example` vers `server/cloudinary-backend/.env`.
   - Renseignez vos identifiants SMTP (`SMTP_HOST`, `SMTP_PORT`, `SMTP_USER`, `SMTP_PASS`, etc.).
   - Facultatif : ajustez `CONTACT_RECIPIENT`, `CONTACT_FROM`, ou ajoutez des domaines supplémentaires dans `CORS_ALLOWED_ORIGINS`.

2. **Installer et lancer le serveur contact**
   ```bash
   cd server/cloudinary-backend
   npm install
   npm start
   ```
   Par défaut, l’API est disponible sur `http://localhost:3001/api/contact`.

3. **Configuration du front-end**
   - Copiez `frontend/.env.local.example` vers `frontend/.env.local`.
   - Ajustez `VITE_CONTACT_API_URL` si nécessaire (par défaut `http://localhost:3001/api/contact` en dev).
   - Relancez l’application React :
     ```bash
     cd frontend
     npm run dev
     ```

En production, assurez-vous que l’URL définie dans `VITE_CONTACT_API_URL` pointe vers votre API accessible publiquement (ex. `https://octopusdesign.fr/api/contact`) et que le serveur backend est déployé avec les mêmes variables d’environnement SMTP.