Compare commits

..

2 Commits

4 changed files with 88 additions and 0 deletions

4
.env.example Normal file
View File

@ -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

1
.gitignore vendored
View File

@ -52,3 +52,4 @@ Xcf/**
# Release notes
CHANGELOG.md
Ressources/
.env

62
README-DEV.md Normal file
View File

@ -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 <url-du-depot-frontend>
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
```

21
docker-compose.dev.yml Normal file
View File

@ -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