diff --git a/.env.example b/.env.example new file mode 100644 index 0000000..dfa9f59 --- /dev/null +++ b/.env.example @@ -0,0 +1,4 @@ +# Configuration du Frontend en développement local + +# URL de l'API backend (doit correspondre au backend lancé localement) +API_URL=http://localhost:3000/api diff --git a/.gitignore b/.gitignore index 09057bb..3a1dba8 100644 --- a/.gitignore +++ b/.gitignore @@ -52,3 +52,4 @@ Xcf/** # Release notes CHANGELOG.md Ressources/ +.env diff --git a/README-DEV.md b/README-DEV.md new file mode 100644 index 0000000..ae78201 --- /dev/null +++ b/README-DEV.md @@ -0,0 +1,62 @@ +# 🎨 Guide de développement Frontend + +## Prérequis +- Docker et Docker Compose installés +- Le backend doit être démarré (voir README-DEV du backend) + +## 🏃‍♂️ Démarrage rapide + +### 1. Cloner le projet +```bash +git clone +cd ptitspas-frontend +``` + +### 2. Configuration +```bash +# Copier le fichier d'exemple +cp .env.example .env +``` + +### 3. Lancer le frontend +```bash +# Démarrer le frontend (le backend doit être déjà lancé) +docker compose -f docker-compose.dev.yml up -d + +# Voir les logs +docker compose -f docker-compose.dev.yml logs -f +``` + +## 🌐 Accès + +- **Frontend** : http://localhost:8000 + +## 📋 Workflow de développement complet + +1. **Démarrer le backend** (dans le dépôt backend) : + ```bash + docker compose -f docker-compose.dev.yml up -d + ``` + +2. **Démarrer le frontend** (dans ce dépôt) : + ```bash + docker compose -f docker-compose.dev.yml up -d + ``` + +3. **Accéder aux services** : + - Frontend : http://localhost:8000 + - Backend API : http://localhost:3000/api + - PgAdmin : http://localhost:8080 + +## 🛠️ Commandes utiles + +```bash +# Arrêter le frontend +docker compose -f docker-compose.dev.yml down + +# Rebuild après modification +docker compose -f docker-compose.dev.yml up --build + +# Voir l'état +docker compose -f docker-compose.dev.yml ps +``` diff --git a/docker-compose.dev.yml b/docker-compose.dev.yml new file mode 100644 index 0000000..138f913 --- /dev/null +++ b/docker-compose.dev.yml @@ -0,0 +1,21 @@ +# Docker Compose pour développement local du Frontend +# Usage: docker compose -f docker-compose.dev.yml up -d + +services: + # Frontend Flutter + frontend: + build: + context: ./frontend + dockerfile: Dockerfile + container_name: ptitspas-frontend-dev + restart: unless-stopped + environment: + API_URL: ${API_URL:-http://localhost:3000/api} + ports: + - "8000:80" + networks: + - ptitspas_dev + +networks: + ptitspas_dev: + driver: bridge