feat: mise en place du projet et création de la page de login

.cursorrules

@@ -0,0 +1,55 @@
+{
+  "project": {
+    "name": "P'titsPas",
+    "description": "Application de gestion de la garde d'enfants pour les collectivités locales"
+  },
+  "conventions": {
+    "language": "fr",
+    "naming": {
+      "package": "p_tits_pas",
+      "classes": "PascalCase",
+      "variables": "camelCase",
+      "constants": "UPPER_CASE"
+    }
+  },
+  "formatting": {
+    "indentation": 2,
+    "max_line_length": 80
+  },
+  "documents": {
+    "cahier_des_charges": "docs/SuperNounou_Cahier_Des_Charges_Complet_V1.1.md",
+    "evolutions": "docs/EVOLUTIONS_CDC.md",
+    "charte_graphique": "docs/CHARTE_GRAPHIQUE.md",
+    "specifications_techniques": "docs/SuperNounou_SSS-001.md"
+  },
+  "launch_commands": {
+    "backend": {
+      "start": "cd backend && npm run dev",
+      "description": "Démarre le serveur backend sur le port 3000"
+    },
+    "frontend": {
+      "start": "cd frontend && flutter run -d chrome",
+      "description": "Démarre l'application Flutter dans Chrome"
+    },
+    "full": {
+      "start": "cd backend && npm run dev & cd frontend && flutter run -d chrome",
+      "description": "Démarre le backend et le frontend en parallèle"
+    }
+  },
+  "rules": [
+    "Toujours répondre en français",
+    "Utiliser le nom 'P'titsPas' dans l'interface utilisateur et la documentation",
+    "Utiliser 'p_tits_pas' pour les noms techniques (packages, fichiers, etc.)",
+    "Respecter les conventions de nommage Flutter/Dart",
+    "Maintenir une cohérence dans le style de code",
+    "Utiliser le camelCase pour les noms de variables, fonctions et méthodes",
+    "Le camelCase doit commencer par une minuscule (ex: maVariable, maFonction)",
+    "Toujours se référer à la documentation officielle en cas de doute",
+    "En cas d'incertitude, poser des questions pour clarifier les besoins",
+    "Si les instructions diffèrent des conventions établies, proposer une évolution à écrire dans le document d'évolution",
+    "Se référer au cahier des charges pour les spécifications fonctionnelles",
+    "Suivre la charte graphique pour tous les éléments visuels",
+    "Consulter les spécifications techniques pour les aspects techniques",
+    "Documenter les évolutions dans le fichier EVOLUTIONS_CDC.md"
+  ]
+} 

.gitignore

@@ -49,3 +49,4 @@ coverage/
 
 # Release notes
 CHANGELOG.md 
+Ressources/

backend/package.json

@@ -1,37 +1,36 @@
 {
-  "name": "supernounou-backend",
+  "name": "petitspas-backend",
   "version": "1.0.0",
-  "description": "Backend API pour SuperNounou",
+  "description": "Backend pour l'application P'titsPas",
-  "main": "src/index.ts",
+  "main": "dist/index.js",
   "scripts": {
-    "dev": "nodemon src/index.ts",
-    "build": "tsc",
     "start": "node dist/index.js",
-    "test": "jest"
+    "dev": "ts-node-dev --respawn --transpile-only src/index.ts",
+    "build": "tsc",
+    "test": "jest",
+    "init-admin": "ts-node src/scripts/initAdmin.ts"
   },
   "dependencies": {
-    "@prisma/client": "^5.0.0",
+    "@nestjs/common": "^11.1.0",
-    "express": "^4.18.2",
+    "@prisma/client": "^6.7.0",
-    "jsonwebtoken": "^9.0.0",
+    "@types/jsonwebtoken": "^9.0.9",
-    "bcrypt": "^5.1.0",
+    "bcrypt": "^5.1.1",
     "cors": "^2.8.5",
-    "dotenv": "^16.0.3",
+    "express": "^4.18.2",
-    "helmet": "^7.0.0",
+    "helmet": "^7.1.0",
+    "jsonwebtoken": "^9.0.2",
     "morgan": "^1.10.0"
   },
   "devDependencies": {
-    "@types/express": "^4.17.17",
+    "@types/bcrypt": "^5.0.2",
-    "@types/node": "^18.15.11",
+    "@types/cors": "^2.8.17",
-    "@types/bcrypt": "^5.0.0",
+    "@types/express": "^4.17.21",
-    "@types/cors": "^2.8.13",
+    "@types/helmet": "^4.0.0",
-    "@types/jsonwebtoken": "^9.0.1",
+    "@types/morgan": "^1.9.9",
-    "@types/morgan": "^1.9.4",
+    "@types/node": "^20.11.19",
-    "nodemon": "^2.0.22",
+    "prisma": "^6.7.0",
-    "ts-node": "^10.9.1",
+    "ts-node": "^10.9.2",
-    "typescript": "^5.0.4",
+    "ts-node-dev": "^2.0.0",
-    "prisma": "^5.0.0",
+    "typescript": "^5.3.3"
-    "jest": "^29.5.0",
-    "@types/jest": "^29.5.0",
-    "ts-jest": "^29.1.0"
   }
 }

backend/prisma/schema.prisma

@@ -0,0 +1,108 @@
+// This is your Prisma schema file,
+// learn more about it in the docs: https://pris.ly/d/prisma-schema
+
+generator client {
+  provider = "prisma-client-js"
+}
+
+datasource db {
+  provider = "postgresql"
+  url      = env("DATABASE_URL")
+}
+
+// Modèle pour les parents
+model Parent {
+  id            String    @id @default(uuid())
+  email         String    @unique
+  password      String
+  firstName     String
+  lastName      String
+  phoneNumber   String?
+  address       String?
+  status        AccountStatus @default(PENDING)
+  createdAt     DateTime  @default(now())
+  updatedAt     DateTime  @updatedAt
+  children      Child[]
+  contracts     Contract[]
+}
+
+// Modèle pour les enfants
+model Child {
+  id            String    @id @default(uuid())
+  firstName     String
+  dateOfBirth   DateTime
+  photoUrl      String?
+  photoConsent  Boolean   @default(false)
+  isMultiple    Boolean   @default(false)
+  isUnborn      Boolean   @default(false)
+  parentId      String
+  parent        Parent    @relation(fields: [parentId], references: [id])
+  contracts     Contract[]
+  createdAt     DateTime  @default(now())
+  updatedAt     DateTime  @updatedAt
+}
+
+// Modèle pour les contrats
+model Contract {
+  id            String    @id @default(uuid())
+  parentId      String
+  childId       String
+  startDate     DateTime
+  endDate       DateTime?
+  status        ContractStatus @default(ACTIVE)
+  parent        Parent    @relation(fields: [parentId], references: [id])
+  child         Child     @relation(fields: [childId], references: [id])
+  createdAt     DateTime  @default(now())
+  updatedAt     DateTime  @updatedAt
+}
+
+// Modèle pour les thèmes
+model Theme {
+  id            String    @id @default(uuid())
+  name          String    @unique
+  primaryColor  String
+  secondaryColor String
+  backgroundColor String
+  textColor     String
+  isActive      Boolean   @default(false)
+  createdAt     DateTime  @default(now())
+  updatedAt     DateTime  @updatedAt
+  appSettings   AppSettings[]
+}
+
+// Modèle pour les paramètres de l'application
+model AppSettings {
+  id            String    @id @default(uuid())
+  currentThemeId String
+  currentTheme  Theme     @relation(fields: [currentThemeId], references: [id])
+  createdAt     DateTime  @default(now())
+  updatedAt     DateTime  @updatedAt
+
+  @@index([currentThemeId])
+}
+
+// Modèle pour les administrateurs
+model Admin {
+  id            String    @id @default(uuid())
+  email         String    @unique
+  password      String
+  firstName     String
+  lastName      String
+  passwordChanged Boolean @default(false)
+  createdAt     DateTime  @default(now())
+  updatedAt     DateTime  @updatedAt
+}
+
+// Enums
+enum AccountStatus {
+  PENDING
+  VALIDATED
+  REJECTED
+  SUSPENDED
+}
+
+enum ContractStatus {
+  ACTIVE
+  ENDED
+  CANCELLED
+} 

backend/src/admin/admin.controller.ts

@@ -0,0 +1,18 @@
+import { Controller, Post, Body, UseGuards, Req } from '@nestjs/common';
+import { AdminService } from './admin.service';
+import { JwtAuthGuard } from '../auth/jwt-auth.guard';
+
+@Controller('admin')
+export class AdminController {
+  constructor(private readonly adminService: AdminService) {}
+
+  @Post('change-password')
+  @UseGuards(JwtAuthGuard)
+  async changePassword(
+    @Req() req,
+    @Body('oldPassword') oldPassword: string,
+    @Body('newPassword') newPassword: string,
+  ) {
+    return this.adminService.changePassword(req.user.id, oldPassword, newPassword);
+  }
+} 

backend/src/admin/admin.module.ts

@@ -0,0 +1,18 @@
+import { Module } from '@nestjs/common';
+import { AdminController } from './admin.controller';
+import { AdminService } from './admin.service';
+import { PrismaModule } from '../prisma/prisma.module';
+import { JwtModule } from '@nestjs/jwt';
+
+@Module({
+  imports: [
+    PrismaModule,
+    JwtModule.register({
+      secret: process.env.JWT_SECRET,
+      signOptions: { expiresIn: '1d' },
+    }),
+  ],
+  controllers: [AdminController],
+  providers: [AdminService],
+})
+export class AdminModule {} 

backend/src/admin/admin.service.ts

@@ -0,0 +1,40 @@
+import { Injectable, UnauthorizedException } from '@nestjs/common';
+import { JwtService } from '@nestjs/jwt';
+import { PrismaService } from '../prisma/prisma.service';
+import * as bcrypt from 'bcrypt';
+
+@Injectable()
+export class AdminService {
+  constructor(
+    private prisma: PrismaService,
+    private jwtService: JwtService,
+  ) {}
+
+  async changePassword(adminId: string, oldPassword: string, newPassword: string) {
+    // Récupérer l'administrateur
+    const admin = await this.prisma.admin.findUnique({
+      where: { id: adminId },
+    });
+
+    if (!admin) {
+      throw new UnauthorizedException('Administrateur non trouvé');
+    }
+
+    // Vérifier l'ancien mot de passe
+    const isPasswordValid = await bcrypt.compare(oldPassword, admin.password);
+    if (!isPasswordValid) {
+      throw new UnauthorizedException('Ancien mot de passe incorrect');
+    }
+
+    // Hasher le nouveau mot de passe
+    const hashedPassword = await bcrypt.hash(newPassword, 10);
+
+    // Mettre à jour le mot de passe
+    await this.prisma.admin.update({
+      where: { id: adminId },
+      data: { password: hashedPassword },
+    });
+
+    return { message: 'Mot de passe modifié avec succès' };
+  }
+} 

backend/src/app.module.ts

@@ -0,0 +1,17 @@
+import { Module } from '@nestjs/common';
+import { ConfigModule } from '@nestjs/config';
+import { PrismaModule } from './prisma/prisma.module';
+import { AuthModule } from './auth/auth.module';
+import { AdminModule } from './admin/admin.module';
+
+@Module({
+  imports: [
+    ConfigModule.forRoot({
+      isGlobal: true,
+    }),
+    PrismaModule,
+    AuthModule,
+    AdminModule,
+  ],
+})
+export class AppModule {} 

backend/src/controllers/theme.controller.ts

@@ -0,0 +1,72 @@
+import { Request, Response } from 'express';
+import { ThemeService, ThemeData } from '../services/theme.service';
+
+export class ThemeController {
+  // Créer un nouveau thème
+  static async createTheme(req: Request, res: Response) {
+    try {
+      const themeData: ThemeData = req.body;
+      const theme = await ThemeService.createTheme(themeData);
+      res.status(201).json(theme);
+    } catch (error) {
+      res.status(500).json({ error: 'Erreur lors de la création du thème' });
+    }
+  }
+
+  // Récupérer tous les thèmes
+  static async getAllThemes(req: Request, res: Response) {
+    try {
+      const themes = await ThemeService.getAllThemes();
+      res.json(themes);
+    } catch (error) {
+      res.status(500).json({ error: 'Erreur lors de la récupération des thèmes' });
+    }
+  }
+
+  // Récupérer le thème actif
+  static async getActiveTheme(req: Request, res: Response) {
+    try {
+      const theme = await ThemeService.getActiveTheme();
+      if (!theme) {
+        return res.status(404).json({ error: 'Aucun thème actif trouvé' });
+      }
+      res.json(theme);
+    } catch (error) {
+      res.status(500).json({ error: 'Erreur lors de la récupération du thème actif' });
+    }
+  }
+
+  // Activer un thème
+  static async activateTheme(req: Request, res: Response) {
+    try {
+      const { themeId } = req.params;
+      const theme = await ThemeService.activateTheme(themeId);
+      res.json(theme);
+    } catch (error) {
+      res.status(500).json({ error: 'Erreur lors de l\'activation du thème' });
+    }
+  }
+
+  // Mettre à jour un thème
+  static async updateTheme(req: Request, res: Response) {
+    try {
+      const { themeId } = req.params;
+      const themeData: Partial<ThemeData> = req.body;
+      const theme = await ThemeService.updateTheme(themeId, themeData);
+      res.json(theme);
+    } catch (error) {
+      res.status(500).json({ error: 'Erreur lors de la mise à jour du thème' });
+    }
+  }
+
+  // Supprimer un thème
+  static async deleteTheme(req: Request, res: Response) {
+    try {
+      const { themeId } = req.params;
+      await ThemeService.deleteTheme(themeId);
+      res.status(204).send();
+    } catch (error) {
+      res.status(500).json({ error: 'Erreur lors de la suppression du thème' });
+    }
+  }
+} 

backend/src/index.ts

@@ -2,10 +2,10 @@ import express from 'express';
 import cors from 'cors';
 import helmet from 'helmet';
 import morgan from 'morgan';
-import { PrismaClient } from '@prisma/client';
+import themeRoutes from './routes/theme.routes';
 
 const app = express();
-const prisma = new PrismaClient();
+const port = process.env.PORT || 3000;
 
 // Middleware
 app.use(cors());
@@ -13,19 +13,16 @@ app.use(helmet());
 app.use(morgan('dev'));
 app.use(express.json());
 
-// Routes de base
+// Routes
-app.get('/', (req, res) => {
+app.use('/api/themes', themeRoutes);
-  res.json({ message: 'Bienvenue sur l\'API SuperNounou' });
-});
 
 // Gestion des erreurs
 app.use((err: Error, req: express.Request, res: express.Response, next: express.NextFunction) => {
   console.error(err.stack);
-  res.status(500).json({ message: 'Une erreur est survenue' });
+  res.status(500).json({ error: 'Une erreur est survenue' });
 });
 
-const PORT = process.env.PORT || 3000;
+// Démarrage du serveur
-
+app.listen(port, () => {
-app.listen(PORT, () => {
+  console.log(`Serveur démarré sur le port ${port}`);
-  console.log(`Serveur démarré sur le port ${PORT}`);
 }); 

backend/src/routes/auth.ts

@@ -0,0 +1,95 @@
+import { Router } from 'express';
+import { PrismaClient } from '@prisma/client';
+import * as bcrypt from 'bcrypt';
+import jwt from 'jsonwebtoken';
+
+const router = Router();
+const prisma = new PrismaClient();
+const JWT_SECRET = process.env.JWT_SECRET || 'your-secret-key';
+
+// Route de connexion
+router.post('/login', async (req, res) => {
+  try {
+    const { email, password } = req.body;
+
+    // Vérifier les identifiants
+    const admin = await prisma.admin.findUnique({
+      where: { email }
+    });
+
+    if (!admin) {
+      return res.status(401).json({ error: 'Identifiants invalides' });
+    }
+
+    // Vérifier le mot de passe
+    const validPassword = await bcrypt.compare(password, admin.password);
+    if (!validPassword) {
+      return res.status(401).json({ error: 'Identifiants invalides' });
+    }
+
+    // Vérifier si le mot de passe doit être changé
+    if (!admin.passwordChanged) {
+      return res.status(403).json({ 
+        error: 'Changement de mot de passe requis',
+        requiresPasswordChange: true
+      });
+    }
+
+    // Générer le token JWT
+    const token = jwt.sign(
+      { 
+        id: admin.id,
+        email: admin.email,
+        role: 'admin'
+      },
+      JWT_SECRET,
+      { expiresIn: '24h' }
+    );
+
+    res.json({ token });
+  } catch (error) {
+    console.error('Erreur lors de la connexion:', error);
+    res.status(500).json({ error: 'Erreur serveur' });
+  }
+});
+
+// Route de changement de mot de passe
+router.post('/change-password', async (req, res) => {
+  try {
+    const { email, currentPassword, newPassword } = req.body;
+
+    // Vérifier l'administrateur
+    const admin = await prisma.admin.findUnique({
+      where: { email }
+    });
+
+    if (!admin) {
+      return res.status(404).json({ error: 'Administrateur non trouvé' });
+    }
+
+    // Vérifier l'ancien mot de passe
+    const validPassword = await bcrypt.compare(currentPassword, admin.password);
+    if (!validPassword) {
+      return res.status(401).json({ error: 'Mot de passe actuel incorrect' });
+    }
+
+    // Hasher le nouveau mot de passe
+    const hashedPassword = await bcrypt.hash(newPassword, 10);
+
+    // Mettre à jour le mot de passe
+    await prisma.admin.update({
+      where: { id: admin.id },
+      data: {
+        password: hashedPassword,
+        passwordChanged: true
+      }
+    });
+
+    res.json({ message: 'Mot de passe changé avec succès' });
+  } catch (error) {
+    console.error('Erreur lors du changement de mot de passe:', error);
+    res.status(500).json({ error: 'Erreur serveur' });
+  }
+});
+
+export default router; 

backend/src/routes/theme.routes.ts

@@ -0,0 +1,14 @@
+import { Router } from 'express';
+import { ThemeController } from '../controllers/theme.controller';
+
+const router = Router();
+
+// Routes pour les thèmes
+router.post('/', ThemeController.createTheme);
+router.get('/', ThemeController.getAllThemes);
+router.get('/active', ThemeController.getActiveTheme);
+router.put('/:themeId/activate', ThemeController.activateTheme);
+router.put('/:themeId', ThemeController.updateTheme);
+router.delete('/:themeId', ThemeController.deleteTheme);
+
+export default router; 

backend/src/scripts/initAdmin.ts

@@ -0,0 +1,39 @@
+import { PrismaClient } from '@prisma/client';
+import * as bcrypt from 'bcrypt';
+
+const prisma = new PrismaClient();
+
+async function main() {
+  try {
+    // Vérifier si l'administrateur existe déjà
+    const existingAdmin = await prisma.admin.findUnique({
+      where: { email: 'administrateur@ptitspas.fr' }
+    });
+
+    if (!existingAdmin) {
+      // Hasher le mot de passe
+      const hashedPassword = await bcrypt.hash('password', 10);
+
+      // Créer l'administrateur
+      await prisma.admin.create({
+        data: {
+          email: 'administrateur@ptitspas.fr',
+          password: hashedPassword,
+          firstName: 'Administrateur',
+          lastName: 'P\'titsPas',
+          passwordChanged: false
+        }
+      });
+
+      console.log('✅ Administrateur créé avec succès');
+    } else {
+      console.log('ℹ️ L\'administrateur existe déjà');
+    }
+  } catch (error) {
+    console.error('❌ Erreur lors de la création de l\'administrateur:', error);
+  } finally {
+    await prisma.$disconnect();
+  }
+}
+
+main(); 

backend/src/services/theme.service.ts

@@ -0,0 +1,77 @@
+import { PrismaClient } from '@prisma/client';
+
+const prisma = new PrismaClient();
+
+export interface ThemeData {
+  name: string;
+  primaryColor: string;
+  secondaryColor: string;
+  backgroundColor: string;
+  textColor: string;
+}
+
+export class ThemeService {
+  // Créer un nouveau thème
+  static async createTheme(data: ThemeData) {
+    return prisma.theme.create({
+      data: {
+        ...data,
+        isActive: false,
+      },
+    });
+  }
+
+  // Récupérer tous les thèmes
+  static async getAllThemes() {
+    return prisma.theme.findMany();
+  }
+
+  // Récupérer le thème actif
+  static async getActiveTheme() {
+    const settings = await prisma.appSettings.findFirst({
+      include: {
+        currentTheme: true,
+      },
+    });
+    return settings?.currentTheme;
+  }
+
+  // Activer un thème
+  static async activateTheme(themeId: string) {
+    // Désactiver tous les thèmes
+    await prisma.theme.updateMany({
+      where: { isActive: true },
+      data: { isActive: false },
+    });
+
+    // Activer le thème sélectionné
+    const updatedTheme = await prisma.theme.update({
+      where: { id: themeId },
+      data: { isActive: true },
+    });
+
+    // Mettre à jour les paramètres de l'application
+    await prisma.appSettings.upsert({
+      where: { id: '1' },
+      update: { currentThemeId: themeId },
+      create: { id: '1', currentThemeId: themeId },
+    });
+
+    return updatedTheme;
+  }
+
+  // Mettre à jour un thème
+  static async updateTheme(themeId: string, data: Partial<ThemeData>) {
+    return prisma.theme.update({
+      where: { id: themeId },
+      data,
+    });
+  }
+
+  // Supprimer un thème
+  static async deleteTheme(themeId: string) {
+    return prisma.theme.delete({
+      where: { id: themeId },
+    });
+  }
+} 

docs/CHARTE_GRAPHIQUE.md

@@ -0,0 +1,51 @@
+# Charte graphique · **P'titsPas**  
+*Version 1.0 – avril 2025*
+
+---
+
+## 1. Essentiel de la marque
+| Élément | Raison d'être |
+|---------|---------------|
+| **Nom** | *P'titsPas* · évoque le cheminement serein des 0-3 ans |
+| **Signature** | « Grandir pas à pas, sereinement » |
+| **Valeurs** | Bienveillance · Transparence · Simplicité · Modernité |
+
+---
+
+## 2. Logos officiels
+
+| Variante | Aperçu | Usage |
+|----------|--------|-------|
+| **Principal** | ![logo principal](P'tisPas_logo_trans.png) | Headers, back-office, print A4+ |
+| **Icône** | ![icône](P'titsPas_icone.png) | Favicon, PWA, app mobile |
+| **Monochrome** | ![mono](mono_placeholder.svg) | Sérigraphie, tampon, textile sombre |
+
+> **Zone de protection** : laisser au minimum l'équivalent d'une pierre pastel autour du logotype.
+
+---
+
+## 3. Palette de couleurs
+
+| Nom | Hex | Rôle |
+|-----|-----|------|
+| Violet Pastel | `#c6a3d8` | Accent / information |
+| Turquoise | `#8ad0c8` | Actions primaires |
+| Jaune Doux | `#f2d269` | Avertissements légers |
+| Corail | `#f4a28c` | États d'erreur ou badges « conflit » |
+| Encre | `#2f2f2f` | Texte principal |
+| Ivoire BG | `#fffef9` | Fond d'application & documents |
+
+---
+
+## 4. Typographies
+
+| Contexte | Fonte | Chargement |
+|----------|-------|------------|
+| Titres & accroches | **Merienda 600** | Google Fonts |
+| Texte courant | **Merriweather 300/400** | Google Fonts |
+| UI compact | **Inter** (fallback système) | CDN |
+
+```css
+h1, h2 { font-family: "Merienda", cursive; }
+body    { font-family: "Merriweather", serif; }
+``` 

docs/EVOLUTIONS_CDC.md

@@ -0,0 +1,239 @@
+# Évolutions du Cahier des Charges
+
+Ce document liste les modifications à apporter au cahier des charges original pour le rendre conforme à l'application développée.
+
+## 1. Gestion des Enfants
+
+### Modifications à apporter dans la section "Création de compte parent"
+
+#### Situation actuelle dans le CDC :
+- Mentionne uniquement la collecte d'informations sur l'enfant
+- Ne précise pas la possibilité d'ajouter plusieurs enfants
+- Ne mentionne pas la gestion des naissances multiples
+- Ne mentionne pas la gestion des enfants à naître
+
+#### Modifications proposées :
+
+Ajouter le paragraphe suivant après la description de la collecte d'informations sur l'enfant :
+
+```
+Les parents peuvent ajouter autant d'enfants que nécessaire. Pour chaque enfant, les informations suivantes sont collectées :
+- Prénom
+- Date de naissance (ou date prévue pour les enfants à naître)
+- Photo (optionnelle)
+- Consentement pour l'utilisation de la photo
+- Indication si l'enfant fait partie d'une naissance multiple (jumeaux, triplés, etc.)
+
+Les parents peuvent :
+- Ajouter un nouvel enfant à tout moment
+- Supprimer un enfant ajouté
+- Modifier les informations d'un enfant existant
+- Indiquer si l'enfant est à naître
+- Indiquer si l'enfant fait partie d'une naissance multiple
+- Donner ou retirer leur consentement pour l'utilisation de la photo de l'enfant
+```
+
+### Modifications à apporter dans la section "Workflow de création de compte"
+
+#### Situation actuelle dans le CDC :
+- Étape 3 : "Collecte des informations sur l'enfant"
+
+#### Modifications proposées :
+
+Remplacer l'étape 3 par :
+```
+3. Collecte des informations sur les enfants
+   - Ajout d'un premier enfant
+   - Possibilité d'ajouter d'autres enfants
+   - Pour chaque enfant :
+     * Saisie du prénom
+     * Saisie de la date de naissance (ou date prévue)
+     * Option d'ajout d'une photo
+     * Option de consentement photo
+     * Indication si naissance multiple
+     * Indication si enfant à naître
+   - Possibilité de modifier ou supprimer un enfant
+```
+
+## 2. Workflow de Création de Compte
+
+### Modifications à apporter dans la section "Workflow de création de compte"
+
+#### Situation actuelle dans le CDC :
+- Ne précise pas l'ordre exact des étapes
+- Ne mentionne pas le statut du compte après création
+- Ne détaille pas le processus de validation
+
+#### Modifications proposées :
+
+Ajouter les précisions suivantes au workflow :
+
+```
+Le processus de création de compte suit l'ordre suivant :
+1. Collecte des informations du premier parent
+2. Option d'ajout d'un second parent
+3. Collecte des informations sur les enfants
+4. Description de la situation familiale
+5. Acceptation des conditions générales
+6. Résumé et validation finale
+
+Après la validation :
+- Le compte est créé avec le statut "en attente"
+- Un gestionnaire doit valider le compte avant son activation
+- Les parents reçoivent une notification de la création de leur compte
+- Une notification est envoyée aux gestionnaires pour validation
+```
+
+## 3. Informations Supplémentaires
+
+### Modifications à apporter dans la section "Création de compte parent"
+
+#### Situation actuelle dans le CDC :
+- Ne mentionne pas la possibilité de présentation personnelle
+- Ne mentionne pas la gestion des photos
+- Ne précise pas les statuts possibles du compte
+
+#### Modifications proposées :
+
+Ajouter les sections suivantes :
+
+```
+### Informations complémentaires
+Le premier parent peut optionnellement ajouter une présentation personnelle pour décrire sa situation et ses attentes.
+
+### Gestion des photos
+Pour chaque enfant, les parents peuvent :
+- Ajouter une photo
+- Donner ou retirer leur consentement pour l'utilisation de la photo
+- La photo est stockée de manière sécurisée
+- Le consentement est enregistré avec date et heure
+
+### Statut du compte
+Les statuts possibles du compte sont :
+- En attente : compte créé, en attente de validation
+- Validé : compte activé par un gestionnaire
+- Rejeté : compte refusé par un gestionnaire
+- Suspendu : compte temporairement désactivé
+```
+
+## 4. Validation et Sécurité
+
+### Modifications à apporter dans la section "Validation"
+
+#### Situation actuelle dans le CDC :
+- Mentionne la validation par un gestionnaire
+- Ne précise pas le processus de validation
+- Ne mentionne pas les notifications
+
+#### Modifications proposées :
+
+Ajouter la section suivante :
+
+```
+### Processus de validation
+1. Création du compte avec statut "en attente"
+2. Notification automatique aux gestionnaires
+3. Revue des informations par un gestionnaire
+4. Décision de validation ou rejet
+5. Notification aux parents de la décision
+6. Activation ou rejet du compte selon la décision
+
+### Notifications
+- Les parents reçoivent une notification à chaque changement de statut
+- Les gestionnaires reçoivent une notification pour chaque nouveau compte
+- Un historique des validations est conservé
+```
+
+## 5. Initialisation de l'Application
+
+### Ajout de l'administrateur par défaut
+
+#### Situation actuelle dans le CDC :
+- Ne mentionne pas l'existence d'un administrateur par défaut
+- Ne précise pas les identifiants de connexion par défaut
+
+#### Modifications proposées :
+
+Ajouter la section suivante :
+
+```
+### Administrateur par défaut
+Lors du premier démarrage de l'application, un compte administrateur est automatiquement créé avec les identifiants suivants :
+- Email : administrateur@ptitspas.fr
+- Mot de passe : password
+
+Ce compte permet d'accéder à toutes les fonctionnalités administratives de l'application.
+Le changement de mot de passe est obligatoire lors de la première connexion.
+L'application doit forcer ce changement avant d'autoriser l'accès aux fonctionnalités administratives.
+```
+
+## 6. Changement de Nom de l'Application
+
+### Situation actuelle dans le CDC :
+- L'application est nommée "SuperNounou" dans tout le document
+- Les références à l'application utilisent ce nom
+
+### Modifications proposées :
+
+Ajouter la section suivante :
+
+```
+### Changement de nom
+L'application est renommée "P'titsPas" dans toute la documentation et l'interface utilisateur.
+Ce changement implique :
+- Mise à jour de toutes les références à "SuperNounou" dans le CDC
+- Mise à jour des mentions légales
+- Mise à jour de la documentation technique
+- Mise à jour des interfaces utilisateur
+- Mise à jour des messages système et notifications
+- Mise à jour des adresses email (ex: support@ptitspas.fr)
+```
+
+### Impact sur l'application :
+- Mise à jour de tous les textes statiques dans le code
+- Mise à jour des templates d'email
+- Mise à jour des messages de notification
+- Mise à jour de la documentation utilisateur
+- Mise à jour des mentions légales et CGU
+
+## Format de présentation
+
+Pour chaque évolution identifiée, ce document suivra la structure suivante :
+1. Section concernée dans le CDC
+2. Situation actuelle
+3. Modifications proposées
+4. Impact sur l'application
+
+## Prochaines évolutions à documenter
+
+- [x] Ajouter d'autres évolutions identifiées
+- [ ] Mettre à jour le CDC original
+- [ ] Valider les modifications avec les parties prenantes
+
+# Évolutions proposées au cahier des charges
+
+## 1. Workflow de création de compte
+
+### 1.1 Récupération de compte
+
+#### 1.1.1 Fonctionnalités
+- Ajout d'un lien "Mot de passe oublié" sur la page de connexion
+- Processus de récupération en 3 étapes :
+  1. Saisie de l'adresse email
+  2. Envoi d'un lien unique de réinitialisation (valide 24h)
+  3. Création d'un nouveau mot de passe
+
+#### 1.1.2 Sécurité
+- Le lien de réinitialisation doit être unique et à usage unique
+- Le lien expire après 24 heures
+- Le nouveau mot de passe doit respecter les mêmes critères que lors de la création de compte
+- Notification par email lors de la réinitialisation du mot de passe
+
+#### 1.1.3 Interface
+- Page dédiée pour la saisie de l'email
+- Page de confirmation d'envoi du lien
+- Formulaire de réinitialisation du mot de passe
+- Messages d'erreur clairs en cas de :
+  - Email non trouvé
+  - Lien expiré
+  - Mot de passe non conforme 

docs/SuperNounou_SSS-001.md

@@ -0,0 +1,108 @@
+# SuperNounou – SSS-001  
+## Spécification technique & opérationnelle unifiée  
+_Version 0.2 – 24 avril 2025_
+
+---
+
+## 1. Objet  
+Centraliser tous les aspects **techniques et opérationnels** de la plateforme SuperNounou :  
+- Sauvegarde & Plan de Reprise d’Activité (PRA)  
+- Spécifications des API & intégrations  
+- Directives de déploiement, d’observabilité, de CI/CD
+
+## 2. Portée  
+Instances de production, pré-production et recette (Frontend, Backend, PostgreSQL, stockage objets), scripts d’installation, pipelines CI/CD, journaux et métriques.
+
+## 3. Références  
+- CDC SuperNounou V1.1  
+- ISO 27001 / ISO 22301 bonnes pratiques  
+- Politique sécurité DSI Enedis #SEC-POL-2024  
+- RGPD (2016/679)
+
+---
+
+# A – Sauvegarde & Plan de Reprise d’Activité
+
+### A.1 Architecture de sauvegarde  
+Schéma bloc, chiffrement AES-256 (KMS), réplication hors-site « Object Storage B ».
+
+### A.2 Stratégie de sauvegarde  
+
+| Type              | Fréquence   | Rétention | Support            |
+|-------------------|-------------|-----------|--------------------|
+| Incrémentale      | Quotidienne | 30 j      | Object Storage A   |
+| Complète          | Hebdomadaire| 6 mois    | Object Storage B   |
+| Export logique DB | Mensuelle   | 5 ans     | Stockage Glacier   |
+
+### A.3 PRA  
+RPO 24 h / RTO 4 h – scénarios : panne VM, corruption DB, sinistre DC – procédure détaillée + escalade.
+
+### A.4 Tests de restauration  
+Intégrale semestrielle, partielle trimestrielle – rapport d’audit et actions correctives.
+
+### A.5 Monitoring & alertes  
+Endpoint Prometheus `/metrics`, tableau Grafana « Backup status », alerte > 26 h sans backup.
+
+### A.6 Rôles  
+DevOps Lead (implémentation), DBA (tests restore), RSSI (audit).
+
+---
+
+# B – API & Intégrations
+
+### B.1 Conventions  
+OpenAPI 3 livré (`openapi.yaml`), version URL `/api/v1`, ISO 8601 dates.
+
+### B.2 Sécurité API  
+JWT Bearer (ou OAuth 2), TLS 1.3, rate-limit 100 req/min/IP, signature HMAC pour webhooks.
+
+### B.3 Exemples  
+Collection Postman, scripts cURL, guide « Appeler l’API ».
+
+### B.4 Intégrations futures  
+SSO LDAP/SAML, webhook `contract.validated`, export statistiques CSV.
+
+---
+
+# C – Déploiement, CI/CD et Observabilité  *(nouveau)*
+
+### C.1 Déploiement communal (on-premise)  
+- **Objectif** : installation complète sur un serveur Linux ou VM en moins d’1 h.  
+- **Livrable** : solution de packaging **au choix** (Docker Compose, image VM, paquet .deb/.rpm).  
+- **Script update / rollback** : `update.sh` ou équivalent (backup ➜ pull ➜ migrate ➜ vérif ; rollback ≤ 5 min).  
+- **Config** : fichier `.env.sample` décrivant toutes les variables.
+
+### C.2 Environnements  
+- Developpement local (Docker Compose).  
+- Recette & Production (serveur communal).  
+- Les étudiants doivent décrire la procédure de bascule Recette → Prod.
+
+### C.3 Pipeline CI/CD  
+- Pipeline automatisé (tests unitaires + build image + scan CVE) déclenché à chaque merge.  
+- L’école fournit son propre dépôt Git/runner.  
+- Artifacts : images taguées, notes de version (`CHANGELOG.md`).
+
+### C.4 Observabilité & logs  
+- Journaux applicatifs JSON (timestamp UTC, level, traceId).  
+- Rotation/retention : 7 jours sur disque, 30 jours sur archive compressée.  
+- Export métriques Prometheus (`/metrics`) : latence API, nombre de sessions, files d’attente hors-ligne.  
+- Tableaux Grafana d’exemple inclus (`grafana_dashboard.json`).
+
+### C.5 SLA et performances (indicatifs)  
+- Disponibilité mensuelle cible : **≥ 98 %**.  
+- Temps de réponse P95 des opérations courantes : **< 500 ms**.  
+- Capacité test : **≈ 50 sessions simultanées** sans dégradation (> 1 s).
+
+---
+
+# D – Glossaire  
+AES-256, JWT, KMS, OpenAPI, RPO, RTO, rate-limit, HMAC, Compose, CI/CD…
+
+---
+
+# E – Historique des versions  
+
+| Version | Date       | Auteur           | Commentaire                     |
+|---------|------------|------------------|---------------------------------|
+| 0.1-draft | 2025-04-24 | Équipe projet    | Création du SSS unifié          |
+| 0.2       | 2025-04-24 | ChatGPT & Julien | Ajout déploiement / CI/CD / logs |

frontend/.gitignore

@@ -0,0 +1,45 @@
+# Miscellaneous
+*.class
+*.log
+*.pyc
+*.swp
+.DS_Store
+.atom/
+.build/
+.buildlog/
+.history
+.svn/
+.swiftpm/
+migrate_working_dir/
+
+# IntelliJ related
+*.iml
+*.ipr
+*.iws
+.idea/
+
+# The .vscode folder contains launch configuration and tasks you configure in
+# VS Code which you may wish to be included in version control, so this line
+# is commented out by default.
+#.vscode/
+
+# Flutter/Dart/Pub related
+**/doc/api/
+**/ios/Flutter/.last_build_id
+.dart_tool/
+.flutter-plugins
+.flutter-plugins-dependencies
+.pub-cache/
+.pub/
+/build/
+
+# Symbolication related
+app.*.symbols
+
+# Obfuscation related
+app.*.map.json
+
+# Android Studio will place build artifacts here
+/android/app/debug
+/android/app/profile
+/android/app/release

frontend/.metadata

@@ -0,0 +1,33 @@
+# This file tracks properties of this Flutter project.
+# Used by Flutter tool to assess capabilities and perform upgrades etc.
+#
+# This file should be version controlled and should not be manually edited.
+
+version:
+  revision: "ea121f8859e4b13e47a8f845e4586164519588bc"
+  channel: "stable"
+
+project_type: app
+
+# Tracks metadata for the flutter migrate command
+migration:
+  platforms:
+    - platform: root
+      create_revision: ea121f8859e4b13e47a8f845e4586164519588bc
+      base_revision: ea121f8859e4b13e47a8f845e4586164519588bc
+    - platform: web
+      create_revision: ea121f8859e4b13e47a8f845e4586164519588bc
+      base_revision: ea121f8859e4b13e47a8f845e4586164519588bc
+    - platform: windows
+      create_revision: ea121f8859e4b13e47a8f845e4586164519588bc
+      base_revision: ea121f8859e4b13e47a8f845e4586164519588bc
+
+  # User provided section
+
+  # List of Local paths (relative to this file) that should be
+  # ignored by the migrate tool.
+  #
+  # Files that are not part of the templates will be ignored by default.
+  unmanaged_files:
+    - 'lib/main.dart'
+    - 'ios/Runner.xcodeproj/project.pbxproj'

frontend/README.md

@@ -0,0 +1,16 @@
+# petitspas
+
+A new Flutter project.
+
+## Getting Started
+
+This project is a starting point for a Flutter application.
+
+A few resources to get you started if this is your first Flutter project:
+
+- [Lab: Write your first Flutter app](https://docs.flutter.dev/get-started/codelab)
+- [Cookbook: Useful Flutter samples](https://docs.flutter.dev/cookbook)
+
+For help getting started with Flutter development, view the
+[online documentation](https://docs.flutter.dev/), which offers tutorials,
+samples, guidance on mobile development, and a full API reference.

frontend/analysis_options.yaml

@@ -0,0 +1,28 @@
+# This file configures the analyzer, which statically analyzes Dart code to
+# check for errors, warnings, and lints.
+#
+# The issues identified by the analyzer are surfaced in the UI of Dart-enabled
+# IDEs (https://dart.dev/tools#ides-and-editors). The analyzer can also be
+# invoked from the command line by running `flutter analyze`.
+
+# The following line activates a set of recommended lints for Flutter apps,
+# packages, and plugins designed to encourage good coding practices.
+include: package:flutter_lints/flutter.yaml
+
+linter:
+  # The lint rules applied to this project can be customized in the
+  # section below to disable rules from the `package:flutter_lints/flutter.yaml`
+  # included above or to enable additional rules. A list of all available lints
+  # and their documentation is published at https://dart.dev/lints.
+  #
+  # Instead of disabling a lint rule for the entire project in the
+  # section below, it can also be suppressed for a single line of code
+  # or a specific dart file by using the `// ignore: name_of_lint` and
+  # `// ignore_for_file: name_of_lint` syntax on the line or in the file
+  # producing the lint.
+  rules:
+    # avoid_print: false  # Uncomment to disable the `avoid_print` rule
+    # prefer_single_quotes: true  # Uncomment to enable the `prefer_single_quotes` rule
+
+# Additional information about this file can be found at
+# https://dart.dev/guides/language/analysis-options

frontend/lib/main.dart

@@ -1,63 +1,42 @@
 import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
-import 'package:provider/provider.dart';
+import 'screens/auth/login_screen.dart';
-import 'package:google_fonts/google_fonts.dart';
+import 'screens/legal/legal_page.dart';
-import 'theme/app_theme.dart';
+import 'screens/legal/privacy_page.dart';
 
-void main() {
+void main() => runApp(const PtiPasApp());
-  runApp(const MyApp());
-}
 
-class MyApp extends StatelessWidget {
+final _router = GoRouter(
-  const MyApp({super.key});
+  routes: [
+    GoRoute(
+      path: '/',
+      builder: (_, __) => const LoginPage(),
+    ),
+    GoRoute(
+      path: '/legal',
+      builder: (_, __) => const LegalPage(),
+    ),
+    GoRoute(
+      path: '/privacy',
+      builder: (_, __) => const PrivacyPage(),
+    ),
+  ],
+);
+
+class PtiPasApp extends StatelessWidget {
+  const PtiPasApp({super.key});
 
   @override
   Widget build(BuildContext context) {
     return MaterialApp.router(
       title: 'P\'titsPas',
-      theme: AppTheme.lightTheme,
+      routerConfig: _router,
-      routerConfig: GoRouter(
+      debugShowCheckedModeBanner: false,
-        initialLocation: '/',
+      theme: ThemeData(
-        routes: [
+        fontFamily: 'Merienda',
-          GoRoute(
+        colorScheme: ColorScheme.fromSeed(
-            path: '/',
+          seedColor: const Color(0xFF8AD0C8),
-            builder: (context, state) => const HomePage(),
+          brightness: Brightness.light,
-          ),
-        ],
-      ),
-    );
-  }
-}
-
-class HomePage extends StatelessWidget {
-  const HomePage({super.key});
-
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-        title: const Text('P\'titsPas'),
-      ),
-      body: Center(
-        child: Column(
-          mainAxisAlignment: MainAxisAlignment.center,
-          children: [
-            Image.asset(
-              'assets/images/logo.png',
-              width: 200,
-              height: 200,
-            ),
-            const SizedBox(height: 24),
-            Text(
-              'Bienvenue sur P\'titsPas',
-              style: Theme.of(context).textTheme.displayMedium,
-            ),
-            const SizedBox(height: 16),
-            Text(
-              'La plateforme de gestion de la garde d\'enfants',
-              style: Theme.of(context).textTheme.bodyLarge,
-            ),
-          ],
         ),
       ),
     );

frontend/lib/models/child.dart

@@ -0,0 +1,73 @@
+class Child {
+  final String id;
+  final String firstName;
+  final String lastName;
+  final DateTime? birthDate;
+  final DateTime? expectedBirthDate;
+  final String? photoUrl;
+  final bool hasPhotoConsent;
+  final DateTime? photoConsentDate;
+  final String status; // 'unborn', 'active', 'schooled'
+  final List<String> parentIds;
+  final bool isMultipleBirth; // true pour jumeaux, triplés, etc.
+  final DateTime createdAt;
+  final DateTime updatedAt;
+
+  Child({
+    required this.id,
+    required this.firstName,
+    required this.lastName,
+    this.birthDate,
+    this.expectedBirthDate,
+    this.photoUrl,
+    required this.hasPhotoConsent,
+    this.photoConsentDate,
+    required this.status,
+    required this.parentIds,
+    required this.isMultipleBirth,
+    required this.createdAt,
+    required this.updatedAt,
+  });
+
+  factory Child.fromJson(Map<String, dynamic> json) {
+    return Child(
+      id: json['id'],
+      firstName: json['firstName'],
+      lastName: json['lastName'],
+      birthDate: json['birthDate'] != null 
+          ? DateTime.parse(json['birthDate'])
+          : null,
+      expectedBirthDate: json['expectedBirthDate'] != null 
+          ? DateTime.parse(json['expectedBirthDate'])
+          : null,
+      photoUrl: json['photoUrl'],
+      hasPhotoConsent: json['hasPhotoConsent'] ?? false,
+      photoConsentDate: json['photoConsentDate'] != null 
+          ? DateTime.parse(json['photoConsentDate'])
+          : null,
+      status: json['status'] ?? 'unborn',
+      parentIds: List<String>.from(json['parentIds'] ?? []),
+      isMultipleBirth: json['isMultipleBirth'] ?? false,
+      createdAt: DateTime.parse(json['createdAt']),
+      updatedAt: DateTime.parse(json['updatedAt']),
+    );
+  }
+
+  Map<String, dynamic> toJson() {
+    return {
+      'id': id,
+      'firstName': firstName,
+      'lastName': lastName,
+      'birthDate': birthDate?.toIso8601String(),
+      'expectedBirthDate': expectedBirthDate?.toIso8601String(),
+      'photoUrl': photoUrl,
+      'hasPhotoConsent': hasPhotoConsent,
+      'photoConsentDate': photoConsentDate?.toIso8601String(),
+      'status': status,
+      'parentIds': parentIds,
+      'isMultipleBirth': isMultipleBirth,
+      'createdAt': createdAt.toIso8601String(),
+      'updatedAt': updatedAt.toIso8601String(),
+    };
+  }
+} 

frontend/lib/models/parent.dart

@@ -0,0 +1,63 @@
+class Parent {
+  final String id;
+  final String userId;
+  final String firstName;
+  final String lastName;
+  final String email;
+  final String phoneNumber;
+  final String address;
+  final String city;
+  final String postalCode;
+  final List<String> childrenIds;
+  final DateTime createdAt;
+  final DateTime updatedAt;
+
+  Parent({
+    required this.id,
+    required this.userId,
+    required this.firstName,
+    required this.lastName,
+    required this.email,
+    required this.phoneNumber,
+    required this.address,
+    required this.city,
+    required this.postalCode,
+    required this.childrenIds,
+    required this.createdAt,
+    required this.updatedAt,
+  });
+
+  factory Parent.fromJson(Map<String, dynamic> json) {
+    return Parent(
+      id: json['id'],
+      userId: json['userId'],
+      firstName: json['firstName'],
+      lastName: json['lastName'],
+      email: json['email'],
+      phoneNumber: json['phoneNumber'],
+      address: json['address'],
+      city: json['city'],
+      postalCode: json['postalCode'],
+      childrenIds: List<String>.from(json['childrenIds']),
+      createdAt: DateTime.parse(json['createdAt']),
+      updatedAt: DateTime.parse(json['updatedAt']),
+    );
+  }
+
+  Map<String, dynamic> toJson() {
+    return {
+      'id': id,
+      'userId': userId,
+      'firstName': firstName,
+      'lastName': lastName,
+      'email': email,
+      'phoneNumber': phoneNumber,
+      'address': address,
+      'city': city,
+      'postalCode': postalCode,
+      'childrenIds': childrenIds,
+      'createdAt': createdAt.toIso8601String(),
+      'updatedAt': updatedAt.toIso8601String(),
+    };
+  }
+} 

frontend/lib/models/user.dart

@@ -0,0 +1,35 @@
+class AppUser {
+  final String id;
+  final String email;
+  final String role;
+  final DateTime createdAt;
+  final DateTime updatedAt;
+
+  AppUser({
+    required this.id,
+    required this.email,
+    required this.role,
+    required this.createdAt,
+    required this.updatedAt,
+  });
+
+  factory AppUser.fromJson(Map<String, dynamic> json) {
+    return AppUser(
+      id: json['id'] as String,
+      email: json['email'] as String,
+      role: json['role'] as String,
+      createdAt: DateTime.parse(json['createdAt'] as String),
+      updatedAt: DateTime.parse(json['updatedAt'] as String),
+    );
+  }
+
+  Map<String, dynamic> toJson() {
+    return {
+      'id': id,
+      'email': email,
+      'role': role,
+      'createdAt': createdAt.toIso8601String(),
+      'updatedAt': updatedAt.toIso8601String(),
+    };
+  }
+} 

frontend/lib/navigation/app_router.dart

@@ -0,0 +1,30 @@
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+import '../screens/auth/login_screen.dart';
+import '../screens/auth/parent_register_screen.dart';
+import '../screens/home/home_screen.dart';
+
+class AppRouter {
+  static const String login = '/login';
+  static const String parentRegister = '/parent-register';
+  static const String home = '/home';
+
+  static Route<dynamic> generateRoute(RouteSettings settings) {
+    switch (settings.name) {
+      case login:
+        return MaterialPageRoute(builder: (_) => const LoginScreen());
+      case parentRegister:
+        return MaterialPageRoute(builder: (_) => const ParentRegisterScreen());
+      case home:
+        return MaterialPageRoute(builder: (_) => const HomeScreen());
+      default:
+        return MaterialPageRoute(
+          builder: (_) => Scaffold(
+            body: Center(
+              child: Text('Route non définie: ${settings.name}'),
+            ),
+          ),
+        );
+    }
+  }
+} 

frontend/lib/screens/auth/login_screen.dart

@@ -0,0 +1,539 @@
+import 'dart:async';
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:flutter/foundation.dart' show kIsWeb;
+import 'package:url_launcher/url_launcher.dart';
+import 'package:p_tits_pas/services/bug_report_service.dart';
+import 'package:go_router/go_router.dart';
+
+class LoginPage extends StatefulWidget {
+  const LoginPage({super.key});
+
+  @override
+  State<LoginPage> createState() => _LoginPageState();
+}
+
+class _LoginPageState extends State<LoginPage> {
+  final _formKey = GlobalKey<FormState>();
+  final _emailController = TextEditingController();
+  final _passwordController = TextEditingController();
+
+  @override
+  void dispose() {
+    _emailController.dispose();
+    _passwordController.dispose();
+    super.dispose();
+  }
+
+  String? _validateEmail(String? value) {
+    if (value == null || value.isEmpty) {
+      return 'Veuillez entrer votre email';
+    }
+    if (!RegExp(r'^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$').hasMatch(value)) {
+      return 'Veuillez entrer un email valide';
+    }
+    return null;
+  }
+
+  String? _validatePassword(String? value) {
+    if (value == null || value.isEmpty) {
+      return 'Veuillez entrer votre mot de passe';
+    }
+    if (value.length < 6) {
+      return 'Le mot de passe doit contenir au moins 6 caractères';
+    }
+    return null;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: Colors.transparent,
+      body: LayoutBuilder(
+        builder: (context, constraints) {
+          // Version desktop (web)
+          if (kIsWeb) {
+            final w = constraints.maxWidth;
+            final h = constraints.maxHeight;
+
+            return FutureBuilder(
+              future: _getImageDimensions(),
+              builder: (context, snapshot) {
+                if (!snapshot.hasData) {
+                  return const Center(child: CircularProgressIndicator());
+                }
+
+                final imageDimensions = snapshot.data!;
+                final imageHeight = h;
+                final imageWidth = imageHeight * (imageDimensions.width / imageDimensions.height);
+                final remainingWidth = w - imageWidth;
+                final leftMargin = remainingWidth / 4;
+
+                return Stack(
+                  children: [
+                    // Fond en papier
+                    Positioned.fill(
+                      child: Image.asset(
+                        'assets/images/paper2.png',
+                        fit: BoxFit.cover,
+                        repeat: ImageRepeat.repeat,
+                      ),
+                    ),
+                    // Image principale
+                    Positioned(
+                      left: leftMargin,
+                      top: 0,
+                      height: imageHeight,
+                      width: imageWidth,
+                      child: Image.asset(
+                        'assets/images/river_logo_desktop.png',
+                        fit: BoxFit.contain,
+                      ),
+                    ),
+                    // Formulaire dans le cadran en bas à droite
+                    Positioned(
+                      right: 0,
+                      bottom: 0,
+                      width: w * 0.6,  // 60% de la largeur de l'écran
+                      height: h * 0.5,  // 50% de la hauteur de l'écran
+                      child: Padding(
+                        padding: EdgeInsets.all(w * 0.02),  // 2% de padding
+                        child: Form(
+                          key: _formKey,
+                          child: Column(
+                            crossAxisAlignment: CrossAxisAlignment.stretch,
+                            children: [
+                              // Labels au-dessus des champs
+                              Row(
+                                mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                                crossAxisAlignment: CrossAxisAlignment.start,
+                                children: [
+                                  Expanded(
+                                    child: Text(
+                                      'Email',
+                                      style: GoogleFonts.merienda(
+                                        fontSize: 20,
+                                        color: Colors.black87,
+                                        fontWeight: FontWeight.w600,
+                                      ),
+                                    ),
+                                  ),
+                                  Expanded(
+                                    child: Padding(
+                                      padding: const EdgeInsets.only(left: 20),
+                                      child: Text(
+                                        'Mot de passe',
+                                        style: GoogleFonts.merienda(
+                                          fontSize: 20,
+                                          color: Colors.black87,
+                                          fontWeight: FontWeight.w600,
+                                        ),
+                                      ),
+                                    ),
+                                  ),
+                                ],
+                              ),
+                              const SizedBox(height: 10),
+                              // Champs côte à côte
+                              Row(
+                                children: [
+                                  Expanded(
+                                    child: _ImageTextField(
+                                      bg: 'assets/images/field_email.png',
+                                      width: 400,
+                                      height: 53,
+                                      hint: 'Email',
+                                      controller: _emailController,
+                                      validator: _validateEmail,
+                                    ),
+                                  ),
+                                  const SizedBox(width: 20),
+                                  Expanded(
+                                    child: _ImageTextField(
+                                      bg: 'assets/images/field_password.png',
+                                      width: 400,
+                                      height: 53,
+                                      hint: 'Mot de passe',
+                                      obscure: true,
+                                      controller: _passwordController,
+                                      validator: _validatePassword,
+                                    ),
+                                  ),
+                                ],
+                              ),
+                              const SizedBox(height: 20),  // Réduit l'espacement
+                              // Bouton centré
+                              Center(
+                                child: _ImageButton(
+                                  bg: 'assets/images/btn_green.png',
+                                  width: 300,
+                                  height: 40,
+                                  text: 'Se connecter',
+                                  textColor: const Color(0xFF2D6A4F),
+                                  onPressed: () {
+                                    if (_formKey.currentState?.validate() ?? false) {
+                                      // TODO: Implémenter la logique de connexion
+                                    }
+                                  },
+                                ),
+                              ),
+                              const SizedBox(height: 10),
+                              // Lien mot de passe oublié
+                              Center(
+                                child: TextButton(
+                                  onPressed: () {
+                                    // TODO: Implémenter la logique de récupération de mot de passe
+                                  },
+                                  child: Text(
+                                    'Mot de passe oublié ?',
+                                    style: GoogleFonts.merienda(
+                                      fontSize: 14,
+                                      color: const Color(0xFF2D6A4F),
+                                      decoration: TextDecoration.underline,
+                                    ),
+                                  ),
+                                ),
+                              ),
+                              const SizedBox(height: 10),
+                              // Lien de création de compte
+                              Center(
+                                child: TextButton(
+                                  onPressed: () {
+                                    Navigator.pushNamed(context, '/parent-register');
+                                  },
+                                  child: Text(
+                                    'Créer un compte',
+                                    style: GoogleFonts.merienda(
+                                      fontSize: 16,
+                                      color: const Color(0xFF2D6A4F),
+                                      decoration: TextDecoration.underline,
+                                    ),
+                                  ),
+                                ),
+                              ),
+                              const SizedBox(height: 20),  // Réduit l'espacement en bas
+                            ],
+                          ),
+                        ),
+                      ),
+                    ),
+                    // Pied de page
+                    Positioned(
+                      left: 0,
+                      right: 0,
+                      bottom: 0,
+                      child: Container(
+                        padding: const EdgeInsets.symmetric(vertical: 8.0),
+                        decoration: BoxDecoration(
+                          color: Colors.transparent,
+                        ),
+                        child: Row(
+                          mainAxisAlignment: MainAxisAlignment.center,
+                          children: [
+                            _FooterLink(
+                              text: 'Contact support',
+                              onTap: () async {
+                                final Uri emailLaunchUri = Uri(
+                                  scheme: 'mailto',
+                                  path: 'support@supernounou.local',
+                                );
+                                if (await canLaunchUrl(emailLaunchUri)) {
+                                  await launchUrl(emailLaunchUri);
+                                } else {
+                                  ScaffoldMessenger.of(context).showSnackBar(
+                                    SnackBar(
+                                      content: Text(
+                                        'Impossible d\'ouvrir le client mail',
+                                        style: GoogleFonts.merienda(),
+                                      ),
+                                    ),
+                                  );
+                                }
+                              },
+                            ),
+                            _FooterLink(
+                              text: 'Signaler un bug',
+                              onTap: () {
+                                _showBugReportDialog(context);
+                              },
+                            ),
+                            _FooterLink(
+                              text: 'Mentions légales',
+                              onTap: () {
+                                Navigator.pushNamed(context, '/legal');
+                              },
+                            ),
+                            _FooterLink(
+                              text: 'Politique de confidentialité',
+                              onTap: () {
+                                Navigator.pushNamed(context, '/privacy');
+                              },
+                            ),
+                          ],
+                        ),
+                      ),
+                    ),
+                  ],
+                );
+              },
+            );
+          }
+          
+          // Version mobile (à implémenter)
+          return const Center(
+            child: Text('Version mobile à implémenter'),
+          );
+        },
+      ),
+    );
+  }
+
+  void _showBugReportDialog(BuildContext context) {
+    final TextEditingController controller = TextEditingController();
+
+    showDialog(
+      context: context,
+      builder: (context) => AlertDialog(
+        title: Text(
+          'Signaler un bug',
+          style: GoogleFonts.merienda(),
+        ),
+        content: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            TextField(
+              controller: controller,
+              maxLines: 5,
+              decoration: InputDecoration(
+                hintText: 'Décrivez le problème rencontré...',
+                border: OutlineInputBorder(
+                  borderRadius: BorderRadius.circular(10),
+                ),
+              ),
+            ),
+          ],
+        ),
+        actions: [
+          TextButton(
+            onPressed: () => Navigator.pop(context),
+            child: Text(
+              'Annuler',
+              style: GoogleFonts.merienda(),
+            ),
+          ),
+          TextButton(
+            onPressed: () async {
+              if (controller.text.trim().isEmpty) {
+                ScaffoldMessenger.of(context).showSnackBar(
+                  SnackBar(
+                    content: Text(
+                      'Veuillez décrire le problème',
+                      style: GoogleFonts.merienda(),
+                    ),
+                  ),
+                );
+                return;
+              }
+
+              try {
+                await BugReportService.sendReport(controller.text);
+                if (context.mounted) {
+                  Navigator.pop(context);
+                  ScaffoldMessenger.of(context).showSnackBar(
+                    SnackBar(
+                      content: Text(
+                        'Rapport envoyé avec succès',
+                        style: GoogleFonts.merienda(),
+                      ),
+                    ),
+                  );
+                }
+              } catch (e) {
+                if (context.mounted) {
+                  ScaffoldMessenger.of(context).showSnackBar(
+                    SnackBar(
+                      content: Text(
+                        'Erreur lors de l\'envoi du rapport',
+                        style: GoogleFonts.merienda(),
+                      ),
+                    ),
+                  );
+                }
+              }
+            },
+            child: Text(
+              'Envoyer',
+              style: GoogleFonts.merienda(),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Future<ImageDimensions> _getImageDimensions() async {
+    final image = Image.asset('assets/images/river_logo_desktop.png');
+    final completer = Completer<ImageDimensions>();
+    image.image.resolve(const ImageConfiguration()).addListener(
+      ImageStreamListener((info, _) {
+        completer.complete(ImageDimensions(
+          width: info.image.width.toDouble(),
+          height: info.image.height.toDouble(),
+        ));
+      }),
+    );
+    return completer.future;
+  }
+}
+
+class ImageDimensions {
+  final double width;
+  final double height;
+
+  ImageDimensions({required this.width, required this.height});
+}
+
+// ───────────────────────────────────────────────────────────────
+// Champ texte avec fond image
+// ───────────────────────────────────────────────────────────────
+class _ImageTextField extends StatelessWidget {
+  final String bg;
+  final double width;
+  final double height;
+  final String hint;
+  final bool obscure;
+  final TextEditingController? controller;
+  final String? Function(String?)? validator;
+  
+  const _ImageTextField({
+    required this.bg,
+    required this.width,
+    required this.height,
+    required this.hint,
+    this.obscure = false,
+    this.controller,
+    this.validator,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: width,
+      height: height,
+      decoration: BoxDecoration(
+        image: DecorationImage(
+          image: AssetImage(bg),
+          fit: BoxFit.fill,
+        ),
+      ),
+      child: TextFormField(
+        controller: controller,
+        obscureText: obscure,
+        textAlign: TextAlign.left,
+        style: GoogleFonts.merienda(
+          fontSize: height * 0.25,
+          color: Colors.black87,
+        ),
+        validator: validator,
+        decoration: InputDecoration(
+          border: InputBorder.none,
+          hintText: hint,
+          hintStyle: GoogleFonts.merienda(
+            fontSize: height * 0.25,
+            color: Colors.black38,
+          ),
+          contentPadding: EdgeInsets.symmetric(
+            horizontal: width * 0.1,
+            vertical: height * 0.3,
+          ),
+          errorStyle: GoogleFonts.merienda(
+            fontSize: height * 0.2,
+            color: Colors.red,
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+// ───────────────────────────────────────────────────────────────
+// Bouton avec fond image
+// ───────────────────────────────────────────────────────────────
+class _ImageButton extends StatelessWidget {
+  final String bg;
+  final double width;
+  final double height;
+  final String text;
+  final Color textColor;
+  final VoidCallback onPressed;
+  
+  const _ImageButton({
+    required this.bg,
+    required this.width,
+    required this.height,
+    required this.text,
+    required this.textColor,
+    required this.onPressed,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: width,
+      height: height,
+      decoration: BoxDecoration(
+        image: DecorationImage(
+          image: AssetImage(bg),
+          fit: BoxFit.fill,
+        ),
+      ),
+      child: Material(
+        color: Colors.transparent,
+        child: InkWell(
+          onTap: onPressed,
+          child: Center(
+            child: Text(
+              text,
+              style: GoogleFonts.merienda(
+                fontSize: height * 0.4,
+                color: textColor,
+                fontWeight: FontWeight.w600,
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+// ───────────────────────────────────────────────────────────────
+// Lien du pied de page
+// ───────────────────────────────────────────────────────────────
+class _FooterLink extends StatelessWidget {
+  final String text;
+  final VoidCallback onTap;
+
+  const _FooterLink({
+    required this.text,
+    required this.onTap,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return InkWell(
+      onTap: onTap,
+      child: Padding(
+        padding: const EdgeInsets.symmetric(horizontal: 8.0),
+        child: Text(
+          text,
+          style: GoogleFonts.merienda(
+            fontSize: 14,
+            color: Colors.black87,
+            decoration: TextDecoration.underline,
+          ),
+        ),
+      ),
+    );
+  }
+} 

frontend/lib/screens/auth/parent_register_screen.dart

@@ -0,0 +1,752 @@
+import 'package:flutter/material.dart';
+import 'package:image_picker/image_picker.dart';
+import 'package:go_router/go_router.dart';
+import '../../services/auth_service.dart';
+import '../../theme/app_theme.dart';
+import 'dart:convert';
+
+class ChildData {
+  final TextEditingController firstNameController = TextEditingController();
+  final TextEditingController lastNameController = TextEditingController();
+  DateTime? birthDate;
+  DateTime? expectedBirthDate;
+  XFile? photo;
+  bool hasPhotoConsent = false;
+  bool isMultipleBirth = false;
+  bool isUnborn = false;
+}
+
+class ParentRegisterScreen extends StatefulWidget {
+  const ParentRegisterScreen({super.key});
+
+  @override
+  State<ParentRegisterScreen> createState() => _ParentRegisterScreenState();
+}
+
+class _ParentRegisterScreenState extends State<ParentRegisterScreen> {
+  final _formKey = GlobalKey<FormState>();
+  final _authService = AuthService();
+  int _currentStep = 0;
+  bool _isLoading = false;
+  bool _hasPartner = false;
+  bool _hasAcceptedCGU = false;
+  bool _partnerSameAddress = false;
+
+  // Contrôleurs pour le parent 1
+  final _emailController = TextEditingController();
+  final _passwordController = TextEditingController();
+  final _firstNameController = TextEditingController();
+  final _lastNameController = TextEditingController();
+  final _phoneController = TextEditingController();
+  final _addressController = TextEditingController();
+  final _cityController = TextEditingController();
+  final _postalCodeController = TextEditingController();
+  final _presentationController = TextEditingController();
+
+  // Contrôleurs pour le parent 2
+  final _partnerFirstNameController = TextEditingController();
+  final _partnerLastNameController = TextEditingController();
+  final _partnerEmailController = TextEditingController();
+  final _partnerPhoneController = TextEditingController();
+  final _partnerAddressController = TextEditingController();
+  final _partnerCityController = TextEditingController();
+  final _partnerPostalCodeController = TextEditingController();
+
+  // Liste des enfants
+  final List<ChildData> _children = [ChildData()];
+
+  final _motivationController = TextEditingController();
+
+  @override
+  void dispose() {
+    _emailController.dispose();
+    _passwordController.dispose();
+    _firstNameController.dispose();
+    _lastNameController.dispose();
+    _phoneController.dispose();
+    _addressController.dispose();
+    _cityController.dispose();
+    _postalCodeController.dispose();
+    _presentationController.dispose();
+    _partnerFirstNameController.dispose();
+    _partnerLastNameController.dispose();
+    _partnerEmailController.dispose();
+    _partnerPhoneController.dispose();
+    _partnerAddressController.dispose();
+    _partnerCityController.dispose();
+    _partnerPostalCodeController.dispose();
+    for (var child in _children) {
+      child.firstNameController.dispose();
+      child.lastNameController.dispose();
+    }
+    _motivationController.dispose();
+    super.dispose();
+  }
+
+  Future<void> _pickImage(ChildData child) async {
+    final ImagePicker picker = ImagePicker();
+    final XFile? image = await picker.pickImage(source: ImageSource.gallery);
+    
+    if (image != null) {
+      setState(() {
+        child.photo = image;
+      });
+    }
+  }
+
+  Future<String?> _uploadImage(XFile image, String userId) async {
+    // En mode démonstration, on retourne juste un chemin local
+    return image.path;
+  }
+
+  Future<void> _register() async {
+    if (!_formKey.currentState!.validate()) return;
+
+    setState(() => _isLoading = true);
+
+    try {
+      final List<Map<String, dynamic>> childrenData = [];
+      
+      for (var child in _children) {
+        childrenData.add({
+          'firstName': child.firstNameController.text,
+          'lastName': child.lastNameController.text,
+          'birthDate': child.isUnborn ? null : child.birthDate,
+          'expectedBirthDate': child.isUnborn ? child.expectedBirthDate : null,
+          'photo': child.photo != null ? base64Encode(child.photo!.readAsBytesSync()) : null,
+          'hasPhotoConsent': child.hasPhotoConsent,
+          'isMultipleBirth': child.isMultipleBirth,
+        });
+      }
+
+      await _authService.registerParent(
+        email: _emailController.text,
+        password: _passwordController.text,
+        firstName: _firstNameController.text,
+        lastName: _lastNameController.text,
+        phoneNumber: _phoneController.text,
+        address: _addressController.text,
+        city: _cityController.text,
+        postalCode: _postalCodeController.text,
+        presentation: _presentationController.text,
+        hasAcceptedCGU: _hasAcceptedCGU,
+        partnerFirstName: _hasPartner ? _partnerFirstNameController.text : null,
+        partnerLastName: _hasPartner ? _partnerLastNameController.text : null,
+        partnerEmail: _hasPartner ? _partnerEmailController.text : null,
+        partnerPhoneNumber: _hasPartner ? _partnerPhoneController.text : null,
+        partnerAddress: _hasPartner
+            ? (_partnerSameAddress
+                ? _addressController.text
+                : _partnerAddressController.text)
+            : null,
+        partnerCity: _hasPartner
+            ? (_partnerSameAddress ? _cityController.text : _partnerCityController.text)
+            : null,
+        partnerPostalCode: _hasPartner
+            ? (_partnerSameAddress ? _postalCodeController.text : _partnerPostalCodeController.text)
+            : null,
+        children: childrenData,
+        motivation: _motivationController.text,
+      );
+
+      if (mounted) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          const SnackBar(
+            content: Text('Inscription réussie ! Votre compte est en attente de validation.'),
+            backgroundColor: Colors.green,
+          ),
+        );
+        context.pop();
+      }
+    } catch (e) {
+      if (mounted) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(
+            content: Text('Erreur lors de l\'inscription: $e'),
+            backgroundColor: Colors.red,
+          ),
+        );
+      }
+    } finally {
+      if (mounted) {
+        setState(() => _isLoading = false);
+      }
+    }
+  }
+
+  Widget _buildChildForm(ChildData child, int index) {
+    return Card(
+      margin: const EdgeInsets.symmetric(vertical: 8.0),
+      child: Padding(
+        padding: const EdgeInsets.all(16.0),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                Text(
+                  'Enfant ${index + 1}',
+                  style: Theme.of(context).textTheme.titleMedium,
+                ),
+                if (index > 0)
+                  IconButton(
+                    icon: const Icon(Icons.delete),
+                    onPressed: () {
+                      setState(() {
+                        _children.removeAt(index);
+                      });
+                    },
+                  ),
+              ],
+            ),
+            if (child.photo != null)
+              CircleAvatar(
+                radius: 50,
+                backgroundImage: NetworkImage(child.photo!.path),
+              ),
+            TextButton(
+              onPressed: () => _pickImage(child),
+              child: const Text('Ajouter une photo'),
+            ),
+            SwitchListTile(
+              title: const Text('Enfant à naître'),
+              value: child.isUnborn,
+              onChanged: (value) => setState(() => child.isUnborn = value),
+            ),
+            TextFormField(
+              controller: child.firstNameController,
+              decoration: const InputDecoration(labelText: 'Prénom de l\'enfant'),
+            ),
+            TextFormField(
+              controller: child.lastNameController,
+              decoration: const InputDecoration(labelText: 'Nom de l\'enfant'),
+            ),
+            if (!child.isUnborn)
+              ListTile(
+                title: const Text('Date de naissance'),
+                subtitle: Text(child.birthDate != null
+                    ? '${child.birthDate!.day}/${child.birthDate!.month}/${child.birthDate!.year}'
+                    : 'Non définie'),
+                trailing: IconButton(
+                  icon: const Icon(Icons.calendar_today),
+                  onPressed: () async {
+                    final date = await showDatePicker(
+                      context: context,
+                      initialDate: DateTime.now(),
+                      firstDate: DateTime(2000),
+                      lastDate: DateTime.now(),
+                    );
+                    if (date != null) {
+                      setState(() => child.birthDate = date);
+                    }
+                  },
+                ),
+              ),
+            if (child.isUnborn)
+              ListTile(
+                title: const Text('Date prévue'),
+                subtitle: Text(child.expectedBirthDate != null
+                    ? '${child.expectedBirthDate!.day}/${child.expectedBirthDate!.month}/${child.expectedBirthDate!.year}'
+                    : 'Non définie'),
+                trailing: IconButton(
+                  icon: const Icon(Icons.calendar_today),
+                  onPressed: () async {
+                    final date = await showDatePicker(
+                      context: context,
+                      initialDate: DateTime.now(),
+                      firstDate: DateTime.now(),
+                      lastDate: DateTime.now().add(const Duration(days: 365)),
+                    );
+                    if (date != null) {
+                      setState(() => child.expectedBirthDate = date);
+                    }
+                  },
+                ),
+              ),
+            SwitchListTile(
+              title: const Text('Naissance multiple'),
+              subtitle: const Text('Jumeaux, triplés, etc.'),
+              value: child.isMultipleBirth,
+              onChanged: (value) => setState(() => child.isMultipleBirth = value),
+            ),
+            if (child.photo != null)
+              SwitchListTile(
+                title: const Text('Consentement photo'),
+                subtitle: const Text('J\'autorise l\'utilisation de la photo de mon enfant'),
+                value: child.hasPhotoConsent,
+                onChanged: (value) => setState(() => child.hasPhotoConsent = value),
+              ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  List<Step> _getSteps() {
+    return [
+      // Étape 1 : Parent 1
+      Step(
+        title: const Text('Informations parent 1'),
+        content: Column(
+          children: [
+            TextFormField(
+              controller: _emailController,
+              decoration: const InputDecoration(labelText: 'Email'),
+              keyboardType: TextInputType.emailAddress,
+              validator: (value) {
+                if (value == null || value.isEmpty) {
+                  return 'Veuillez entrer votre email';
+                }
+                return null;
+              },
+            ),
+            TextFormField(
+              controller: _passwordController,
+              decoration: const InputDecoration(labelText: 'Mot de passe'),
+              obscureText: true,
+              validator: (value) {
+                if (value == null || value.isEmpty) {
+                  return 'Veuillez entrer un mot de passe';
+                }
+                if (value.length < 6) {
+                  return 'Le mot de passe doit contenir au moins 6 caractères';
+                }
+                return null;
+              },
+            ),
+            TextFormField(
+              controller: _firstNameController,
+              decoration: const InputDecoration(labelText: 'Prénom'),
+              validator: (value) {
+                if (value == null || value.isEmpty) {
+                  return 'Veuillez entrer votre prénom';
+                }
+                return null;
+              },
+            ),
+            TextFormField(
+              controller: _lastNameController,
+              decoration: const InputDecoration(labelText: 'Nom'),
+              validator: (value) {
+                if (value == null || value.isEmpty) {
+                  return 'Veuillez entrer votre nom';
+                }
+                return null;
+              },
+            ),
+            TextFormField(
+              controller: _phoneController,
+              decoration: const InputDecoration(labelText: 'Téléphone'),
+              keyboardType: TextInputType.phone,
+              validator: (value) {
+                if (value == null || value.isEmpty) {
+                  return 'Veuillez entrer votre numéro de téléphone';
+                }
+                return null;
+              },
+            ),
+            TextFormField(
+              controller: _addressController,
+              decoration: const InputDecoration(labelText: 'Adresse'),
+              validator: (value) {
+                if (value == null || value.isEmpty) {
+                  return 'Veuillez entrer votre adresse';
+                }
+                return null;
+              },
+            ),
+            TextFormField(
+              controller: _cityController,
+              decoration: const InputDecoration(labelText: 'Ville'),
+              validator: (value) {
+                if (value == null || value.isEmpty) {
+                  return 'Veuillez entrer votre ville';
+                }
+                return null;
+              },
+            ),
+            TextFormField(
+              controller: _postalCodeController,
+              decoration: const InputDecoration(labelText: 'Code postal'),
+              keyboardType: TextInputType.number,
+              validator: (value) {
+                if (value == null || value.isEmpty) {
+                  return 'Veuillez entrer votre code postal';
+                }
+                return null;
+              },
+            ),
+            TextFormField(
+              controller: _presentationController,
+              decoration: const InputDecoration(labelText: 'Présentation'),
+              maxLines: 3,
+            ),
+          ],
+        ),
+        isActive: _currentStep >= 0,
+      ),
+      // Étape 2 : Parent 2
+      Step(
+        title: const Text('Parent 2'),
+        content: Column(
+          children: [
+            SwitchListTile(
+              title: const Text('Ajouter un deuxième parent'),
+              value: _hasPartner,
+              onChanged: (value) => setState(() => _hasPartner = value),
+            ),
+            if (_hasPartner) ...[
+              SwitchListTile(
+                title: const Text('Adresse identique au parent 1'),
+                value: _partnerSameAddress,
+                onChanged: (value) {
+                  setState(() {
+                    _partnerSameAddress = value;
+                    if (value) {
+                      _partnerAddressController.text = _addressController.text;
+                      _partnerCityController.text = _cityController.text;
+                      _partnerPostalCodeController.text = _postalCodeController.text;
+                    } else {
+                      _partnerAddressController.clear();
+                      _partnerCityController.clear();
+                      _partnerPostalCodeController.clear();
+                    }
+                  });
+                },
+              ),
+              TextFormField(
+                controller: _partnerFirstNameController,
+                decoration: const InputDecoration(labelText: 'Prénom du deuxième parent'),
+                validator: (value) {
+                  if (_hasPartner && (value == null || value.isEmpty)) {
+                    return 'Veuillez entrer le prénom';
+                  }
+                  return null;
+                },
+              ),
+              TextFormField(
+                controller: _partnerLastNameController,
+                decoration: const InputDecoration(labelText: 'Nom du deuxième parent'),
+                validator: (value) {
+                  if (_hasPartner && (value == null || value.isEmpty)) {
+                    return 'Veuillez entrer le nom';
+                  }
+                  return null;
+                },
+              ),
+              TextFormField(
+                controller: _partnerEmailController,
+                decoration: const InputDecoration(labelText: 'Email du deuxième parent'),
+                keyboardType: TextInputType.emailAddress,
+                validator: (value) {
+                  if (_hasPartner && (value == null || value.isEmpty)) {
+                    return 'Veuillez entrer l\'email';
+                  }
+                  return null;
+                },
+              ),
+              TextFormField(
+                controller: _partnerPhoneController,
+                decoration: const InputDecoration(labelText: 'Téléphone du deuxième parent'),
+                keyboardType: TextInputType.phone,
+              ),
+              if (!_partnerSameAddress) ...[
+                TextFormField(
+                  controller: _partnerAddressController,
+                  decoration: const InputDecoration(labelText: 'Adresse du deuxième parent'),
+                  validator: (value) {
+                    if (_hasPartner && !_partnerSameAddress && (value == null || value.isEmpty)) {
+                      return 'Veuillez entrer l\'adresse';
+                    }
+                    return null;
+                  },
+                ),
+                TextFormField(
+                  controller: _partnerCityController,
+                  decoration: const InputDecoration(labelText: 'Ville du deuxième parent'),
+                  validator: (value) {
+                    if (_hasPartner && !_partnerSameAddress && (value == null || value.isEmpty)) {
+                      return 'Veuillez entrer la ville';
+                    }
+                    return null;
+                  },
+                ),
+                TextFormField(
+                  controller: _partnerPostalCodeController,
+                  decoration: const InputDecoration(labelText: 'Code postal du deuxième parent'),
+                  keyboardType: TextInputType.number,
+                  validator: (value) {
+                    if (_hasPartner && !_partnerSameAddress && (value == null || value.isEmpty)) {
+                      return 'Veuillez entrer le code postal';
+                    }
+                    return null;
+                  },
+                ),
+              ],
+            ],
+          ],
+        ),
+        isActive: _currentStep >= 1,
+      ),
+      // Étape 3 : Enfants
+      Step(
+        title: const Text('Enfants'),
+        content: Column(
+          children: [
+            ..._children.asMap().entries.map((entry) => _buildChildForm(entry.value, entry.key)),
+            const SizedBox(height: 16),
+            ElevatedButton.icon(
+              onPressed: () {
+                setState(() {
+                  _children.add(ChildData());
+                });
+              },
+              icon: const Icon(Icons.add),
+              label: const Text('Ajouter un autre enfant'),
+            ),
+          ],
+        ),
+        isActive: _currentStep >= 2,
+      ),
+      // Étape 4 : Description de la situation
+      Step(
+        title: const Text('Description de votre situation'),
+        content: Column(
+          children: [
+            TextFormField(
+              controller: _motivationController,
+              decoration: const InputDecoration(
+                labelText: 'Décrivez votre situation',
+                hintText: 'Expliquez-nous votre situation familiale et vos besoins...',
+              ),
+              maxLines: 5,
+              validator: (value) {
+                if (value == null || value.isEmpty) {
+                  return 'Veuillez nous décrire votre situation';
+                }
+                return null;
+              },
+            ),
+          ],
+        ),
+        isActive: _currentStep >= 3,
+      ),
+      // Étape 5 : CGU
+      Step(
+        title: const Text('Conditions générales'),
+        content: Column(
+          children: [
+            SwitchListTile(
+              title: const Text('Conditions générales'),
+              subtitle: const Text('J\'accepte les conditions générales d\'utilisation'),
+              value: _hasAcceptedCGU,
+              onChanged: (value) => setState(() => _hasAcceptedCGU = value),
+            ),
+            if (!_hasAcceptedCGU)
+              const Text(
+                'Vous devez accepter les conditions générales pour continuer',
+                style: TextStyle(color: Colors.red),
+              ),
+          ],
+        ),
+        isActive: _currentStep >= 4,
+      ),
+      // Étape 6 : Résumé
+      Step(
+        title: const Text('Résumé'),
+        content: SingleChildScrollView(
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              const Text(
+                'Veuillez vérifier vos informations avant validation :',
+                style: TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
+              ),
+              const SizedBox(height: 16),
+              // Parent 1
+              const Text('Parent 1', style: TextStyle(fontWeight: FontWeight.bold)),
+              ListTile(
+                title: const Text('Email'),
+                subtitle: Text(_emailController.text),
+                trailing: IconButton(
+                  icon: const Icon(Icons.edit),
+                  onPressed: () => setState(() => _currentStep = 0),
+                ),
+              ),
+              ListTile(
+                title: const Text('Nom complet'),
+                subtitle: Text('${_firstNameController.text} ${_lastNameController.text}'),
+                trailing: IconButton(
+                  icon: const Icon(Icons.edit),
+                  onPressed: () => setState(() => _currentStep = 0),
+                ),
+              ),
+              ListTile(
+                title: const Text('Adresse'),
+                subtitle: Text('${_addressController.text}\n${_postalCodeController.text} ${_cityController.text}'),
+                trailing: IconButton(
+                  icon: const Icon(Icons.edit),
+                  onPressed: () => setState(() => _currentStep = 0),
+                ),
+              ),
+              ListTile(
+                title: const Text('Téléphone'),
+                subtitle: Text(_phoneController.text),
+                trailing: IconButton(
+                  icon: const Icon(Icons.edit),
+                  onPressed: () => setState(() => _currentStep = 0),
+                ),
+              ),
+              if (_presentationController.text.isNotEmpty)
+                ListTile(
+                  title: const Text('Présentation'),
+                  subtitle: Text(_presentationController.text),
+                  trailing: IconButton(
+                    icon: const Icon(Icons.edit),
+                    onPressed: () => setState(() => _currentStep = 0),
+                  ),
+                ),
+
+              // Parent 2
+              if (_hasPartner) ...[
+                const SizedBox(height: 16),
+                const Text('Parent 2', style: TextStyle(fontWeight: FontWeight.bold)),
+                ListTile(
+                  title: const Text('Email'),
+                  subtitle: Text(_partnerEmailController.text),
+                  trailing: IconButton(
+                    icon: const Icon(Icons.edit),
+                    onPressed: () => setState(() => _currentStep = 1),
+                  ),
+                ),
+                ListTile(
+                  title: const Text('Nom complet'),
+                  subtitle: Text('${_partnerFirstNameController.text} ${_partnerLastNameController.text}'),
+                  trailing: IconButton(
+                    icon: const Icon(Icons.edit),
+                    onPressed: () => setState(() => _currentStep = 1),
+                  ),
+                ),
+                ListTile(
+                  title: const Text('Téléphone'),
+                  subtitle: Text(_partnerPhoneController.text),
+                  trailing: IconButton(
+                    icon: const Icon(Icons.edit),
+                    onPressed: () => setState(() => _currentStep = 1),
+                  ),
+                ),
+                ListTile(
+                  title: const Text('Adresse'),
+                  subtitle: _partnerSameAddress
+                      ? const Text('Identique au parent 1')
+                      : Text('${_partnerAddressController.text}\n${_partnerPostalCodeController.text} ${_partnerCityController.text}'),
+                  trailing: IconButton(
+                    icon: const Icon(Icons.edit),
+                    onPressed: () => setState(() => _currentStep = 1),
+                  ),
+                ),
+              ],
+
+              // Enfants
+              const SizedBox(height: 16),
+              const Text('Enfants', style: TextStyle(fontWeight: FontWeight.bold)),
+              ..._children.asMap().entries.map((entry) {
+                final child = entry.value;
+                return ListTile(
+                  title: Text('Enfant ${entry.key + 1}'),
+                  subtitle: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Text('Prénom : ${child.firstNameController.text} ${child.lastNameController.text}'),
+                      if (child.isUnborn)
+                        Text('Date prévue : ${child.expectedBirthDate?.day}/${child.expectedBirthDate?.month}/${child.expectedBirthDate?.year}')
+                      else
+                        Text('Date de naissance : ${child.birthDate?.day}/${child.birthDate?.month}/${child.birthDate?.year}'),
+                      if (child.isMultipleBirth)
+                        const Text('Naissance multiple'),
+                    ],
+                  ),
+                  trailing: IconButton(
+                    icon: const Icon(Icons.edit),
+                    onPressed: () => setState(() => _currentStep = 2),
+                  ),
+                );
+              }),
+
+              // Motivation
+              const SizedBox(height: 16),
+              const Text('Motivation', style: TextStyle(fontWeight: FontWeight.bold)),
+              ListTile(
+                title: const Text('Votre message'),
+                subtitle: Text(_motivationController.text),
+                trailing: IconButton(
+                  icon: const Icon(Icons.edit),
+                  onPressed: () => setState(() => _currentStep = 3),
+                ),
+              ),
+            ],
+          ),
+        ),
+        isActive: _currentStep >= 5,
+      ),
+    ];
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('Inscription Parent'),
+      ),
+      body: Form(
+        key: _formKey,
+        child: Stepper(
+          currentStep: _currentStep,
+          onStepContinue: () {
+            if (_currentStep < _getSteps().length - 1) {
+              setState(() => _currentStep++);
+            } else if (_hasAcceptedCGU) {
+              _register();
+            }
+          },
+          onStepCancel: () {
+            if (_currentStep > 0) {
+              setState(() => _currentStep--);
+            } else {
+              Navigator.pop(context);
+            }
+          },
+          controlsBuilder: (context, details) {
+            return Padding(
+              padding: const EdgeInsets.symmetric(vertical: 16.0),
+              child: Row(
+                children: [
+                  if (_currentStep > 0)
+                    OutlinedButton(
+                      onPressed: details.onStepCancel,
+                      child: const Text('Retour'),
+                    ),
+                  const SizedBox(width: 16),
+                  if (_currentStep < _getSteps().length - 1)
+                    ElevatedButton(
+                      onPressed: details.onStepContinue,
+                      child: const Text('Suivant'),
+                    )
+                  else
+                    ElevatedButton(
+                      onPressed: _hasAcceptedCGU ? details.onStepContinue : null,
+                      child: _isLoading
+                          ? const CircularProgressIndicator()
+                          : const Text('S\'inscrire'),
+                    ),
+                ],
+              ),
+            );
+          },
+          steps: _getSteps(),
+        ),
+      ),
+    );
+  }
+} 

frontend/lib/screens/home/home_screen.dart

@@ -0,0 +1,54 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import '../../theme/theme_provider.dart';
+import '../../theme/app_theme.dart';
+
+class HomeScreen extends StatelessWidget {
+  const HomeScreen({super.key});
+
+  String _getThemeName(ThemeType type) {
+    switch (type) {
+      case ThemeType.defaultTheme:
+        return "P'titsPas";
+      case ThemeType.pastelTheme:
+        return "Pastel";
+      case ThemeType.darkTheme:
+        return "Sombre";
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('Accueil'),
+        actions: [
+          Consumer<ThemeProvider>(
+            builder: (context, themeProvider, child) {
+              return Padding(
+                padding: const EdgeInsets.symmetric(horizontal: 16.0),
+                child: DropdownButton<ThemeType>(
+                  value: themeProvider.currentTheme,
+                  items: ThemeType.values.map((ThemeType type) {
+                    return DropdownMenuItem<ThemeType>(
+                      value: type,
+                      child: Text(_getThemeName(type)),
+                    );
+                  }).toList(),
+                  onChanged: (ThemeType? newValue) {
+                    if (newValue != null) {
+                      themeProvider.setTheme(newValue);
+                    }
+                  },
+                ),
+              );
+            },
+          ),
+        ],
+      ),
+      body: const Center(
+        child: Text('Bienvenue sur P\'titsPas !'),
+      ),
+    );
+  }
+} 

frontend/lib/screens/legal/legal_page.dart

@@ -0,0 +1,64 @@
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+class LegalPage extends StatelessWidget {
+  const LegalPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(
+          'Mentions légales',
+          style: GoogleFonts.merienda(),
+        ),
+      ),
+      body: SingleChildScrollView(
+        padding: const EdgeInsets.all(16.0),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(
+              'Éditeur',
+              style: GoogleFonts.merienda(
+                fontSize: 24,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            const SizedBox(height: 16),
+            Text(
+              'P\'titsPas est une application développée pour les collectivités locales.',
+              style: GoogleFonts.merienda(),
+            ),
+            const SizedBox(height: 32),
+            Text(
+              'Hébergeur',
+              style: GoogleFonts.merienda(
+                fontSize: 24,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            const SizedBox(height: 16),
+            Text(
+              'Les données sont hébergées sur des serveurs sécurisés en France.',
+              style: GoogleFonts.merienda(),
+            ),
+            const SizedBox(height: 32),
+            Text(
+              'Responsable du traitement',
+              style: GoogleFonts.merienda(
+                fontSize: 24,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            const SizedBox(height: 16),
+            Text(
+              'Le responsable du traitement des données est la collectivité locale utilisatrice de l\'application.',
+              style: GoogleFonts.merienda(),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+} 

frontend/lib/screens/legal/privacy_page.dart

@@ -0,0 +1,64 @@
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+class PrivacyPage extends StatelessWidget {
+  const PrivacyPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(
+          'Politique de confidentialité',
+          style: GoogleFonts.merienda(),
+        ),
+      ),
+      body: SingleChildScrollView(
+        padding: const EdgeInsets.all(16.0),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(
+              'Protection des données personnelles',
+              style: GoogleFonts.merienda(
+                fontSize: 24,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            const SizedBox(height: 16),
+            Text(
+              'P\'titsPas s\'engage à protéger vos données personnelles conformément au RGPD.',
+              style: GoogleFonts.merienda(),
+            ),
+            const SizedBox(height: 32),
+            Text(
+              'Données collectées',
+              style: GoogleFonts.merienda(
+                fontSize: 24,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            const SizedBox(height: 16),
+            Text(
+              'Les données collectées sont nécessaires au bon fonctionnement de l\'application et à la gestion des contrats de garde d\'enfants.',
+              style: GoogleFonts.merienda(),
+            ),
+            const SizedBox(height: 32),
+            Text(
+              'Vos droits',
+              style: GoogleFonts.merienda(
+                fontSize: 24,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            const SizedBox(height: 16),
+            Text(
+              'Vous disposez d\'un droit d\'accès, de rectification, d\'effacement et de portabilité de vos données.',
+              style: GoogleFonts.merienda(),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+} 

frontend/lib/services/auth_service.dart

@@ -0,0 +1,70 @@
+import 'dart:convert';
+import 'package:shared_preferences/shared_preferences.dart';
+import '../models/user.dart';
+import '../models/parent.dart';
+import '../models/child.dart';
+
+class AuthService {
+  static const String _usersKey = 'users';
+  static const String _parentsKey = 'parents';
+  static const String _childrenKey = 'children';
+
+  // Méthode pour se connecter (mode démonstration)
+  static Future<AppUser> login(String email, String password) async {
+    await Future.delayed(const Duration(seconds: 1)); // Simule un délai de traitement
+    throw Exception('Mode démonstration - Connexion désactivée');
+  }
+
+  // Méthode pour s'inscrire (mode démonstration)
+  static Future<AppUser> register({
+    required String email,
+    required String password,
+    required String firstName,
+    required String lastName,
+    required String role,
+  }) async {
+    await Future.delayed(const Duration(seconds: 1)); // Simule un délai de traitement
+    throw Exception('Mode démonstration - Inscription désactivée');
+  }
+
+  // Méthode pour s'inscrire en tant que parent (mode démonstration)
+  Future<void> registerParent({
+    required String email,
+    required String password,
+    required String firstName,
+    required String lastName,
+    required String phoneNumber,
+    required String address,
+    required String city,
+    required String postalCode,
+    String? presentation,
+    required bool hasAcceptedCGU,
+    String? partnerFirstName,
+    String? partnerLastName,
+    String? partnerEmail,
+    String? partnerPhoneNumber,
+    String? partnerAddress,
+    String? partnerCity,
+    String? partnerPostalCode,
+    required List<Map<String, dynamic>> children,
+    required String motivation,
+  }) async {
+    // En mode démonstration, on ne fait rien
+    await Future.delayed(const Duration(seconds: 2)); // Simule un délai de traitement
+  }
+
+  // Méthode pour se déconnecter (mode démonstration)
+  static Future<void> logout() async {
+    // Ne fait rien en mode démonstration
+  }
+
+  // Méthode pour vérifier si l'utilisateur est connecté (mode démonstration)
+  static Future<bool> isLoggedIn() async {
+    return false; // Toujours non connecté en mode démonstration
+  }
+
+  // Méthode pour récupérer l'utilisateur connecté (mode démonstration)
+  static Future<AppUser?> getCurrentUser() async {
+    return null; // Aucun utilisateur en mode démonstration
+  }
+} 

frontend/lib/services/bug_report_service.dart

@@ -0,0 +1,28 @@
+import 'package:http/http.dart' as http;
+import 'dart:convert';
+
+class BugReportService {
+  static const String _apiUrl = 'https://api.supernounou.local/bug-reports';
+
+  static Future<void> sendReport(String description) async {
+    try {
+      final response = await http.post(
+        Uri.parse(_apiUrl),
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: jsonEncode({
+          'description': description,
+          'timestamp': DateTime.now().toIso8601String(),
+          'platform': 'web', // TODO: Ajouter la détection de la plateforme
+        }),
+      );
+
+      if (response.statusCode != 200) {
+        throw Exception('Erreur lors de l\'envoi du rapport');
+      }
+    } catch (e) {
+      rethrow;
+    }
+  }
+} 

frontend/lib/theme/app_theme.dart

@@ -1,74 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:google_fonts/google_fonts.dart';
-
-class AppTheme {
-  static const Color primaryColor = Color(0xFF2B6CB0);
-  static const Color secondaryColor = Color(0xFFF7FAFC);
-  static const Color backgroundColor = Colors.white;
-  static const Color textColor = Color(0xFF2D3748);
-
-  static ThemeData get lightTheme {
-    return ThemeData(
-      useMaterial3: true,
-      colorScheme: ColorScheme.light(
-        primary: primaryColor,
-        secondary: secondaryColor,
-        background: backgroundColor,
-      ),
-      textTheme: TextTheme(
-        displayLarge: GoogleFonts.comfortaa(
-          fontSize: 32,
-          fontWeight: FontWeight.bold,
-          color: textColor,
-        ),
-        displayMedium: GoogleFonts.comfortaa(
-          fontSize: 24,
-          fontWeight: FontWeight.bold,
-          color: textColor,
-        ),
-        bodyLarge: GoogleFonts.roboto(
-          fontSize: 16,
-          color: textColor,
-        ),
-        bodyMedium: GoogleFonts.roboto(
-          fontSize: 14,
-          color: textColor,
-        ),
-      ),
-      appBarTheme: AppBarTheme(
-        backgroundColor: primaryColor,
-        foregroundColor: Colors.white,
-        elevation: 0,
-        titleTextStyle: GoogleFonts.comfortaa(
-          fontSize: 20,
-          fontWeight: FontWeight.bold,
-          color: Colors.white,
-        ),
-      ),
-      elevatedButtonTheme: ElevatedButtonThemeData(
-        style: ElevatedButton.styleFrom(
-          backgroundColor: primaryColor,
-          foregroundColor: Colors.white,
-          padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 12),
-          shape: RoundedRectangleBorder(
-            borderRadius: BorderRadius.circular(8),
-          ),
-        ),
-      ),
-      inputDecorationTheme: InputDecorationTheme(
-        border: OutlineInputBorder(
-          borderRadius: BorderRadius.circular(8),
-          borderSide: BorderSide(color: primaryColor.withOpacity(0.5)),
-        ),
-        enabledBorder: OutlineInputBorder(
-          borderRadius: BorderRadius.circular(8),
-          borderSide: BorderSide(color: primaryColor.withOpacity(0.3)),
-        ),
-        focusedBorder: OutlineInputBorder(
-          borderRadius: BorderRadius.circular(8),
-          borderSide: BorderSide(color: primaryColor),
-        ),
-      ),
-    );
-  }
-} 

frontend/public/ptitspas-login/login.html

@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>P'titsPas - Connexion</title>
+    <link rel="stylesheet" href="styles.css">
+    <link href="https://fonts.googleapis.com/css2?family=Merienda:wght@400;600&display=swap" rel="stylesheet">
+</head>
+<body>
+    <img src="assets/river.png" alt="" class="river" aria-hidden="true">
+    
+    <main class="login-container">
+        <img src="assets/logo.png" alt="P'titsPas" class="logo">
+        <h1 class="slogan">Grandir pas à pas, sereinement</h1>
+        
+        <form class="login-form">
+            <div class="form-group">
+                <label for="email">Adresse e-mail</label>
+                <input type="email" id="email" name="email" 
+                       placeholder="Votre adresse e-mail" 
+                       aria-label="Saisissez votre adresse e-mail"
+                       required>
+            </div>
+            
+            <div class="form-group">
+                <label for="password">Mot de passe</label>
+                <input type="password" id="password" name="password" 
+                       placeholder="Votre mot de passe" 
+                       aria-label="Saisissez votre mot de passe"
+                       required>
+            </div>
+            
+            <button type="submit" class="login-button">
+                Se connecter
+            </button>
+        </form>
+    </main>
+</body>
+</html> 

frontend/public/ptitspas-login/styles.css

@@ -0,0 +1,133 @@
+/* Reset et styles de base */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Merienda', cursive;
+    min-height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: #ffffff;
+}
+
+/* Décor de fond */
+.river {
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 60vw;
+    opacity: 0.15;
+    pointer-events: none;
+    z-index: -1;
+}
+
+/* Container principal */
+.login-container {
+    width: 100%;
+    max-width: 480px;
+    padding: 2rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 2rem;
+}
+
+/* Logo */
+.logo {
+    max-width: 220px;
+    height: auto;
+}
+
+/* Slogan */
+.slogan {
+    font-family: 'Merienda', cursive;
+    text-align: center;
+    color: #3a3a3a;
+    font-size: 1.5rem;
+    margin-bottom: 2rem;
+}
+
+/* Formulaire */
+.login-form {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+}
+
+.form-group {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+}
+
+/* Labels */
+label {
+    color: #3a3a3a;
+    font-weight: 600;
+    font-size: 1rem;
+}
+
+/* Champs de saisie */
+input {
+    height: 80px;
+    border: none;
+    border-radius: 30px;
+    padding: 0 1.2rem;
+    font-size: 1rem;
+    font-family: inherit;
+    background-size: cover;
+}
+
+input[type="email"] {
+    background-image: url('assets/field_email.png');
+    color: #fff;
+}
+
+input[type="password"] {
+    background-image: url('assets/field_password.png');
+    color: #000;
+}
+
+/* Bouton de connexion */
+.login-button {
+    height: 80px;
+    background-image: url('assets/btn_green.png');
+    background-size: cover;
+    border: none;
+    border-radius: 40px;
+    color: #ffffff;
+    font-family: "Merienda", cursive;
+    font-size: 1.1rem;
+    cursor: pointer;
+    transition: filter 0.2s ease;
+}
+
+.login-button:hover {
+    filter: brightness(1.08);
+}
+
+/* Media queries pour mobile */
+@media (max-width: 480px) {
+    .river {
+        width: 40vw;
+        opacity: 0.10;
+        clip-path: inset(0 0 20% 0);
+    }
+    
+    .logo {
+        max-width: 120px;
+    }
+    
+    .login-container {
+        padding: 1rem;
+    }
+    
+    .slogan {
+        font-size: 1.2rem;
+    }
+} 

frontend/pubspec.lock

@@ -0,0 +1,626 @@
+# Generated by pub
+# See https://dart.dev/tools/pub/glossary#lockfile
+packages:
+  async:
+    dependency: transitive
+    description:
+      name: async
+      sha256: d2872f9c19731c2e5f10444b14686eb7cc85c76274bd6c16e1816bff9a3bab63
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.12.0"
+  boolean_selector:
+    dependency: transitive
+    description:
+      name: boolean_selector
+      sha256: "8aab1771e1243a5063b8b0ff68042d67334e3feab9e95b9490f9a6ebf73b42ea"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.2"
+  characters:
+    dependency: transitive
+    description:
+      name: characters
+      sha256: f71061c654a3380576a52b451dd5532377954cf9dbd272a78fc8479606670803
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.4.0"
+  clock:
+    dependency: transitive
+    description:
+      name: clock
+      sha256: fddb70d9b5277016c77a80201021d40a2247104d9f4aa7bab7157b7e3f05b84b
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.2"
+  collection:
+    dependency: transitive
+    description:
+      name: collection
+      sha256: "2f5709ae4d3d59dd8f7cd309b4e023046b57d8a6c82130785d2b0e5868084e76"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.19.1"
+  cross_file:
+    dependency: transitive
+    description:
+      name: cross_file
+      sha256: "7caf6a750a0c04effbb52a676dce9a4a592e10ad35c34d6d2d0e4811160d5670"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.3.4+2"
+  crypto:
+    dependency: transitive
+    description:
+      name: crypto
+      sha256: "1e445881f28f22d6140f181e07737b22f1e099a5e1ff94b0af2f9e4a463f4855"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.6"
+  fake_async:
+    dependency: transitive
+    description:
+      name: fake_async
+      sha256: "6a95e56b2449df2273fd8c45a662d6947ce1ebb7aafe80e550a3f68297f3cacc"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.3.2"
+  ffi:
+    dependency: transitive
+    description:
+      name: ffi
+      sha256: "289279317b4b16eb2bb7e271abccd4bf84ec9bdcbe999e278a94b804f5630418"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.4"
+  file:
+    dependency: transitive
+    description:
+      name: file
+      sha256: a3b4f84adafef897088c160faf7dfffb7696046cb13ae90b508c2cbc95d3b8d4
+      url: "https://pub.dev"
+    source: hosted
+    version: "7.0.1"
+  file_selector_linux:
+    dependency: transitive
+    description:
+      name: file_selector_linux
+      sha256: "54cbbd957e1156d29548c7d9b9ec0c0ebb6de0a90452198683a7d23aed617a33"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.9.3+2"
+  file_selector_macos:
+    dependency: transitive
+    description:
+      name: file_selector_macos
+      sha256: "271ab9986df0c135d45c3cdb6bd0faa5db6f4976d3e4b437cf7d0f258d941bfc"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.9.4+2"
+  file_selector_platform_interface:
+    dependency: transitive
+    description:
+      name: file_selector_platform_interface
+      sha256: a3994c26f10378a039faa11de174d7b78eb8f79e4dd0af2a451410c1a5c3f66b
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.6.2"
+  file_selector_windows:
+    dependency: transitive
+    description:
+      name: file_selector_windows
+      sha256: "320fcfb6f33caa90f0b58380489fc5ac05d99ee94b61aa96ec2bff0ba81d3c2b"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.9.3+4"
+  flutter:
+    dependency: "direct main"
+    description: flutter
+    source: sdk
+    version: "0.0.0"
+  flutter_lints:
+    dependency: "direct dev"
+    description:
+      name: flutter_lints
+      sha256: a25a15ebbdfc33ab1cd26c63a6ee519df92338a9c10f122adda92938253bef04
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.3"
+  flutter_plugin_android_lifecycle:
+    dependency: transitive
+    description:
+      name: flutter_plugin_android_lifecycle
+      sha256: f948e346c12f8d5480d2825e03de228d0eb8c3a737e4cdaa122267b89c022b5e
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.28"
+  flutter_test:
+    dependency: "direct dev"
+    description: flutter
+    source: sdk
+    version: "0.0.0"
+  flutter_web_plugins:
+    dependency: transitive
+    description: flutter
+    source: sdk
+    version: "0.0.0"
+  go_router:
+    dependency: "direct main"
+    description:
+      name: go_router
+      sha256: b465e99ce64ba75e61c8c0ce3d87b66d8ac07f0b35d0a7e0263fcfc10f99e836
+      url: "https://pub.dev"
+    source: hosted
+    version: "13.2.5"
+  google_fonts:
+    dependency: "direct main"
+    description:
+      name: google_fonts
+      sha256: b1ac0fe2832c9cc95e5e88b57d627c5e68c223b9657f4b96e1487aa9098c7b82
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.2.1"
+  http:
+    dependency: "direct main"
+    description:
+      name: http
+      sha256: fe7ab022b76f3034adc518fb6ea04a82387620e19977665ea18d30a1cf43442f
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.3.0"
+  http_parser:
+    dependency: transitive
+    description:
+      name: http_parser
+      sha256: "178d74305e7866013777bab2c3d8726205dc5a4dd935297175b19a23a2e66571"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.1.2"
+  image_picker:
+    dependency: "direct main"
+    description:
+      name: image_picker
+      sha256: "021834d9c0c3de46bf0fe40341fa07168407f694d9b2bb18d532dc1261867f7a"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.2"
+  image_picker_android:
+    dependency: transitive
+    description:
+      name: image_picker_android
+      sha256: "317a5d961cec5b34e777b9252393f2afbd23084aa6e60fcf601dcf6341b9ebeb"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.8.12+23"
+  image_picker_for_web:
+    dependency: transitive
+    description:
+      name: image_picker_for_web
+      sha256: "717eb042ab08c40767684327be06a5d8dbb341fe791d514e4b92c7bbe1b7bb83"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.6"
+  image_picker_ios:
+    dependency: transitive
+    description:
+      name: image_picker_ios
+      sha256: "05da758e67bc7839e886b3959848aa6b44ff123ab4b28f67891008afe8ef9100"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.8.12+2"
+  image_picker_linux:
+    dependency: transitive
+    description:
+      name: image_picker_linux
+      sha256: "34a65f6740df08bbbeb0a1abd8e6d32107941fd4868f67a507b25601651022c9"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.2.1+2"
+  image_picker_macos:
+    dependency: transitive
+    description:
+      name: image_picker_macos
+      sha256: "1b90ebbd9dcf98fb6c1d01427e49a55bd96b5d67b8c67cf955d60a5de74207c1"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.2.1+2"
+  image_picker_platform_interface:
+    dependency: transitive
+    description:
+      name: image_picker_platform_interface
+      sha256: "886d57f0be73c4b140004e78b9f28a8914a09e50c2d816bdd0520051a71236a0"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.10.1"
+  image_picker_windows:
+    dependency: transitive
+    description:
+      name: image_picker_windows
+      sha256: "6ad07afc4eb1bc25f3a01084d28520496c4a3bb0cb13685435838167c9dcedeb"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.2.1+1"
+  js:
+    dependency: "direct main"
+    description:
+      name: js
+      sha256: f2c445dce49627136094980615a031419f7f3eb393237e4ecd97ac15dea343f3
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.6.7"
+  leak_tracker:
+    dependency: transitive
+    description:
+      name: leak_tracker
+      sha256: c35baad643ba394b40aac41080300150a4f08fd0fd6a10378f8f7c6bc161acec
+      url: "https://pub.dev"
+    source: hosted
+    version: "10.0.8"
+  leak_tracker_flutter_testing:
+    dependency: transitive
+    description:
+      name: leak_tracker_flutter_testing
+      sha256: f8b613e7e6a13ec79cfdc0e97638fddb3ab848452eff057653abd3edba760573
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.9"
+  leak_tracker_testing:
+    dependency: transitive
+    description:
+      name: leak_tracker_testing
+      sha256: "6ba465d5d76e67ddf503e1161d1f4a6bc42306f9d66ca1e8f079a47290fb06d3"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.1"
+  lints:
+    dependency: transitive
+    description:
+      name: lints
+      sha256: "0a217c6c989d21039f1498c3ed9f3ed71b354e69873f13a8dfc3c9fe76f1b452"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.1"
+  logging:
+    dependency: transitive
+    description:
+      name: logging
+      sha256: c8245ada5f1717ed44271ed1c26b8ce85ca3228fd2ffdb75468ab01979309d61
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.3.0"
+  matcher:
+    dependency: transitive
+    description:
+      name: matcher
+      sha256: dc58c723c3c24bf8d3e2d3ad3f2f9d7bd9cf43ec6feaa64181775e60190153f2
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.12.17"
+  material_color_utilities:
+    dependency: transitive
+    description:
+      name: material_color_utilities
+      sha256: f7142bb1154231d7ea5f96bc7bde4bda2a0945d2806bb11670e30b850d56bdec
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.11.1"
+  meta:
+    dependency: transitive
+    description:
+      name: meta
+      sha256: e3641ec5d63ebf0d9b41bd43201a66e3fc79a65db5f61fc181f04cd27aab950c
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.16.0"
+  mime:
+    dependency: transitive
+    description:
+      name: mime
+      sha256: "41a20518f0cb1256669420fdba0cd90d21561e560ac240f26ef8322e45bb7ed6"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.0"
+  nested:
+    dependency: transitive
+    description:
+      name: nested
+      sha256: "03bac4c528c64c95c722ec99280375a6f2fc708eec17c7b3f07253b626cd2a20"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.0"
+  path:
+    dependency: transitive
+    description:
+      name: path
+      sha256: "75cca69d1490965be98c73ceaea117e8a04dd21217b37b292c9ddbec0d955bc5"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.9.1"
+  path_provider:
+    dependency: transitive
+    description:
+      name: path_provider
+      sha256: "50c5dd5b6e1aaf6fb3a78b33f6aa3afca52bf903a8a5298f53101fdaee55bbcd"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.5"
+  path_provider_android:
+    dependency: transitive
+    description:
+      name: path_provider_android
+      sha256: d0d310befe2c8ab9e7f393288ccbb11b60c019c6b5afc21973eeee4dda2b35e9
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.2.17"
+  path_provider_foundation:
+    dependency: transitive
+    description:
+      name: path_provider_foundation
+      sha256: "4843174df4d288f5e29185bd6e72a6fbdf5a4a4602717eed565497429f179942"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
+  path_provider_linux:
+    dependency: transitive
+    description:
+      name: path_provider_linux
+      sha256: f7a1fe3a634fe7734c8d3f2766ad746ae2a2884abe22e241a8b301bf5cac3279
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.2.1"
+  path_provider_platform_interface:
+    dependency: transitive
+    description:
+      name: path_provider_platform_interface
+      sha256: "88f5779f72ba699763fa3a3b06aa4bf6de76c8e5de842cf6f29e2e06476c2334"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.2"
+  path_provider_windows:
+    dependency: transitive
+    description:
+      name: path_provider_windows
+      sha256: bd6f00dbd873bfb70d0761682da2b3a2c2fccc2b9e84c495821639601d81afe7
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.3.0"
+  platform:
+    dependency: transitive
+    description:
+      name: platform
+      sha256: "5d6b1b0036a5f331ebc77c850ebc8506cbc1e9416c27e59b439f917a902a4984"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.6"
+  plugin_platform_interface:
+    dependency: transitive
+    description:
+      name: plugin_platform_interface
+      sha256: "4820fbfdb9478b1ebae27888254d445073732dae3d6ea81f0b7e06d5dedc3f02"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.8"
+  provider:
+    dependency: "direct main"
+    description:
+      name: provider
+      sha256: "489024f942069c2920c844ee18bb3d467c69e48955a4f32d1677f71be103e310"
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.1.4"
+  shared_preferences:
+    dependency: "direct main"
+    description:
+      name: shared_preferences
+      sha256: "6e8bf70b7fef813df4e9a36f658ac46d107db4b4cfe1048b477d4e453a8159f5"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.5.3"
+  shared_preferences_android:
+    dependency: transitive
+    description:
+      name: shared_preferences_android
+      sha256: "20cbd561f743a342c76c151d6ddb93a9ce6005751e7aa458baad3858bfbfb6ac"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.10"
+  shared_preferences_foundation:
+    dependency: transitive
+    description:
+      name: shared_preferences_foundation
+      sha256: "6a52cfcdaeac77cad8c97b539ff688ccfc458c007b4db12be584fbe5c0e49e03"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.5.4"
+  shared_preferences_linux:
+    dependency: transitive
+    description:
+      name: shared_preferences_linux
+      sha256: "580abfd40f415611503cae30adf626e6656dfb2f0cee8f465ece7b6defb40f2f"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
+  shared_preferences_platform_interface:
+    dependency: transitive
+    description:
+      name: shared_preferences_platform_interface
+      sha256: "57cbf196c486bc2cf1f02b85784932c6094376284b3ad5779d1b1c6c6a816b80"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
+  shared_preferences_web:
+    dependency: transitive
+    description:
+      name: shared_preferences_web
+      sha256: c49bd060261c9a3f0ff445892695d6212ff603ef3115edbb448509d407600019
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.3"
+  shared_preferences_windows:
+    dependency: transitive
+    description:
+      name: shared_preferences_windows
+      sha256: "94ef0f72b2d71bc3e700e025db3710911bd51a71cefb65cc609dd0d9a982e3c1"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
+  sky_engine:
+    dependency: transitive
+    description: flutter
+    source: sdk
+    version: "0.0.0"
+  source_span:
+    dependency: transitive
+    description:
+      name: source_span
+      sha256: "254ee5351d6cb365c859e20ee823c3bb479bf4a293c22d17a9f1bf144ce86f7c"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.10.1"
+  stack_trace:
+    dependency: transitive
+    description:
+      name: stack_trace
+      sha256: "8b27215b45d22309b5cddda1aa2b19bdfec9df0e765f2de506401c071d38d1b1"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.12.1"
+  stream_channel:
+    dependency: transitive
+    description:
+      name: stream_channel
+      sha256: "969e04c80b8bcdf826f8f16579c7b14d780458bd97f56d107d3950fdbeef059d"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.4"
+  string_scanner:
+    dependency: transitive
+    description:
+      name: string_scanner
+      sha256: "921cd31725b72fe181906c6a94d987c78e3b98c2e205b397ea399d4054872b43"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.4.1"
+  term_glyph:
+    dependency: transitive
+    description:
+      name: term_glyph
+      sha256: "7f554798625ea768a7518313e58f83891c7f5024f88e46e7182a4558850a4b8e"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.2.2"
+  test_api:
+    dependency: transitive
+    description:
+      name: test_api
+      sha256: fb31f383e2ee25fbbfe06b40fe21e1e458d14080e3c67e7ba0acfde4df4e0bbd
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.7.4"
+  typed_data:
+    dependency: transitive
+    description:
+      name: typed_data
+      sha256: f9049c039ebfeb4cf7a7104a675823cd72dba8297f264b6637062516699fa006
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.4.0"
+  url_launcher:
+    dependency: "direct main"
+    description:
+      name: url_launcher
+      sha256: "9d06212b1362abc2f0f0d78e6f09f726608c74e3b9462e8368bb03314aa8d603"
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.3.1"
+  url_launcher_android:
+    dependency: transitive
+    description:
+      name: url_launcher_android
+      sha256: "8582d7f6fe14d2652b4c45c9b6c14c0b678c2af2d083a11b604caeba51930d79"
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.3.16"
+  url_launcher_ios:
+    dependency: transitive
+    description:
+      name: url_launcher_ios
+      sha256: "7f2022359d4c099eea7df3fdf739f7d3d3b9faf3166fb1dd390775176e0b76cb"
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.3.3"
+  url_launcher_linux:
+    dependency: transitive
+    description:
+      name: url_launcher_linux
+      sha256: "4e9ba368772369e3e08f231d2301b4ef72b9ff87c31192ef471b380ef29a4935"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.2.1"
+  url_launcher_macos:
+    dependency: transitive
+    description:
+      name: url_launcher_macos
+      sha256: "17ba2000b847f334f16626a574c702b196723af2a289e7a93ffcb79acff855c2"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.2.2"
+  url_launcher_platform_interface:
+    dependency: transitive
+    description:
+      name: url_launcher_platform_interface
+      sha256: "552f8a1e663569be95a8190206a38187b531910283c3e982193e4f2733f01029"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.3.2"
+  url_launcher_web:
+    dependency: transitive
+    description:
+      name: url_launcher_web
+      sha256: "4bd2b7b4dc4d4d0b94e5babfffbca8eac1a126c7f3d6ecbc1a11013faa3abba2"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
+  url_launcher_windows:
+    dependency: transitive
+    description:
+      name: url_launcher_windows
+      sha256: "3284b6d2ac454cf34f114e1d3319866fdd1e19cdc329999057e44ffe936cfa77"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.4"
+  vector_math:
+    dependency: transitive
+    description:
+      name: vector_math
+      sha256: "80b3257d1492ce4d091729e3a67a60407d227c27241d6927be0130c98e741803"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.4"
+  vm_service:
+    dependency: transitive
+    description:
+      name: vm_service
+      sha256: "0968250880a6c5fe7edc067ed0a13d4bae1577fe2771dcf3010d52c4a9d3ca14"
+      url: "https://pub.dev"
+    source: hosted
+    version: "14.3.1"
+  web:
+    dependency: transitive
+    description:
+      name: web
+      sha256: "868d88a33d8a87b18ffc05f9f030ba328ffefba92d6c127917a2ba740f9cfe4a"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.1"
+  xdg_directories:
+    dependency: transitive
+    description:
+      name: xdg_directories
+      sha256: "7a3f37b05d989967cdddcbb571f1ea834867ae2faa29725fd085180e0883aa15"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.0"
+sdks:
+  dart: ">=3.7.0 <4.0.0"
+  flutter: ">=3.27.0"

frontend/pubspec.yaml

@@ -1,44 +1,42 @@
-name: supernounou
+name: p_tits_pas
-description: Application de gestion de garde d'enfants pour les collectivités locales.
+description: Application de gestion de la garde d'enfants pour les collectivités locales.
 publish_to: 'none'
-version: 1.0.0+1
+version: 0.1.0
 
 environment:
-  sdk: '>=3.0.0 <4.0.0'
+  sdk: '>=3.2.6 <4.0.0'
 
 dependencies:
   flutter:
     sdk: flutter
-  cupertino_icons: ^1.0.2
+  provider: ^6.1.1
-  # Gestion d'état
+  go_router: ^13.2.5
-  provider: ^6.0.5
+  google_fonts: ^6.1.0
-  # Navigation
+  shared_preferences: ^2.2.2
-  go_router: ^10.0.0
+  image_picker: ^1.0.7
-  # API
+  js: ^0.6.7
-  dio: ^5.0.0
+  url_launcher: ^6.2.4
-  # Local storage
+  http: ^1.2.0
-  shared_preferences: ^2.2.0
-  # UI
-  flutter_svg: ^2.0.0
-  google_fonts: ^5.0.0
-  # Formulaires
-  form_validator: ^1.1.0
-  # Dates
-  intl: ^0.18.0
-  # Images
-  image_picker: ^1.0.0
-  # PDF
-  pdf: ^3.10.0
-  printing: ^5.11.0
 
 dev_dependencies:
   flutter_test:
     sdk: flutter
   flutter_lints: ^2.0.0
-  build_runner: ^2.4.0
 
 flutter:
   uses-material-design: true
+  
   assets:
-    - assets/images/
+    - assets/images/logo.png
-    - assets/icons/ 
+    - assets/images/river_logo_desktop.png
+    - assets/images/paper2.png
+    - assets/images/field_email.png
+    - assets/images/field_password.png
+    - assets/images/btn_green.png
+    - assets/images/icon.png
+    
+  fonts:
+    - family: Merienda
+      fonts:
+        - asset: assets/fonts/Merienda-VariableFont_wght.ttf
+          style: normal 

frontend/test/widget_test.dart

@@ -0,0 +1,30 @@
+// This is a basic Flutter widget test.
+//
+// To perform an interaction with a widget in your test, use the WidgetTester
+// utility in the flutter_test package. For example, you can send tap and scroll
+// gestures. You can also use WidgetTester to find child widgets in the widget
+// tree, read text, and verify that the values of widget properties are correct.
+
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+
+import 'package:petitspas/main.dart';
+
+void main() {
+  testWidgets('Counter increments smoke test', (WidgetTester tester) async {
+    // Build our app and trigger a frame.
+    await tester.pumpWidget(const MyApp());
+
+    // Verify that our counter starts at 0.
+    expect(find.text('0'), findsOneWidget);
+    expect(find.text('1'), findsNothing);
+
+    // Tap the '+' icon and trigger a frame.
+    await tester.tap(find.byIcon(Icons.add));
+    await tester.pump();
+
+    // Verify that our counter has incremented.
+    expect(find.text('0'), findsNothing);
+    expect(find.text('1'), findsOneWidget);
+  });
+}

frontend/web/index.html

@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <!--
+    If you are serving your web app in a path other than the root, change the
+    href value below to reflect the base path you are serving from.
+
+    The path provided below has to start and end with a slash "/" in order for
+    it to work correctly.
+
+    For more details:
+    * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base
+
+    This is a placeholder for base href that will be replaced by the value of
+    the `--base-href` argument provided to `flutter build`.
+  -->
+  <base href="$FLUTTER_BASE_HREF">
+
+  <meta charset="UTF-8">
+  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
+  <meta name="description" content="P'titsPas - Grandir pas à pas, sereinement">
+
+  <!-- iOS meta tags & icons -->
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black">
+  <meta name="apple-mobile-web-app-title" content="P'titsPas">
+  <link rel="apple-touch-icon" href="icons/Icon-192.png">
+
+  <!-- Favicon -->
+  <link rel="icon" type="image/png" href="assets/images/icon.png"/>
+
+  <title>P'titsPas</title>
+  <link rel="manifest" href="manifest.json">
+
+  <script>
+    // The value below is injected by flutter build, do not touch.
+    const serviceWorkerVersion = null;
+  </script>
+  <!-- This script adds the flutter initialization JS code -->
+  <script src="flutter.js" defer></script>
+</head>
+<body>
+  <script>
+    window.addEventListener('load', function(ev) {
+      // Download main.dart.js
+      _flutter.loader.loadEntrypoint({
+        serviceWorker: {
+          serviceWorkerVersion: serviceWorkerVersion,
+        },
+        onEntrypointLoaded: function(engineInitializer) {
+          engineInitializer.initializeEngine().then(function(appRunner) {
+            appRunner.runApp();
+          });
+        }
+      });
+    });
+  </script>
+</body>
+</html>

frontend/web/manifest.json

@@ -0,0 +1,35 @@
+{
+    "name": "P'titsPas",
+    "short_name": "P'titsPas",
+    "start_url": ".",
+    "display": "standalone",
+    "background_color": "#FFFEF9",
+    "theme_color": "#8AD0C8",
+    "description": "P'titsPas - Grandir pas à pas, sereinement",
+    "orientation": "portrait-primary",
+    "prefer_related_applications": false,
+    "icons": [
+        {
+            "src": "assets/images/icon.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "assets/images/icon.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        },
+        {
+            "src": "icons/Icon-maskable-192.png",
+            "sizes": "192x192",
+            "type": "image/png",
+            "purpose": "maskable"
+        },
+        {
+            "src": "icons/Icon-maskable-512.png",
+            "sizes": "512x512",
+            "type": "image/png",
+            "purpose": "maskable"
+        }
+    ]
+}

frontend/windows/.gitignore

@@ -0,0 +1,17 @@
+flutter/ephemeral/
+
+# Visual Studio user-specific files.
+*.suo
+*.user
+*.userosscache
+*.sln.docstates
+
+# Visual Studio build-related files.
+x64/
+x86/
+
+# Visual Studio cache files
+# files ending in .cache can be ignored
+*.[Cc]ache
+# but keep track of directories ending in .cache
+!*.[Cc]ache/

frontend/windows/CMakeLists.txt

@@ -0,0 +1,108 @@
+# Project-level configuration.
+cmake_minimum_required(VERSION 3.14)
+project(petitspas LANGUAGES CXX)
+
+# The name of the executable created for the application. Change this to change
+# the on-disk name of your application.
+set(BINARY_NAME "petitspas")
+
+# Explicitly opt in to modern CMake behaviors to avoid warnings with recent
+# versions of CMake.
+cmake_policy(VERSION 3.14...3.25)
+
+# Define build configuration option.
+get_property(IS_MULTICONFIG GLOBAL PROPERTY GENERATOR_IS_MULTI_CONFIG)
+if(IS_MULTICONFIG)
+  set(CMAKE_CONFIGURATION_TYPES "Debug;Profile;Release"
+    CACHE STRING "" FORCE)
+else()
+  if(NOT CMAKE_BUILD_TYPE AND NOT CMAKE_CONFIGURATION_TYPES)
+    set(CMAKE_BUILD_TYPE "Debug" CACHE
+      STRING "Flutter build mode" FORCE)
+    set_property(CACHE CMAKE_BUILD_TYPE PROPERTY STRINGS
+      "Debug" "Profile" "Release")
+  endif()
+endif()
+# Define settings for the Profile build mode.
+set(CMAKE_EXE_LINKER_FLAGS_PROFILE "${CMAKE_EXE_LINKER_FLAGS_RELEASE}")
+set(CMAKE_SHARED_LINKER_FLAGS_PROFILE "${CMAKE_SHARED_LINKER_FLAGS_RELEASE}")
+set(CMAKE_C_FLAGS_PROFILE "${CMAKE_C_FLAGS_RELEASE}")
+set(CMAKE_CXX_FLAGS_PROFILE "${CMAKE_CXX_FLAGS_RELEASE}")
+
+# Use Unicode for all projects.
+add_definitions(-DUNICODE -D_UNICODE)
+
+# Compilation settings that should be applied to most targets.
+#
+# Be cautious about adding new options here, as plugins use this function by
+# default. In most cases, you should add new options to specific targets instead
+# of modifying this function.
+function(APPLY_STANDARD_SETTINGS TARGET)
+  target_compile_features(${TARGET} PUBLIC cxx_std_17)
+  target_compile_options(${TARGET} PRIVATE /W4 /WX /wd"4100")
+  target_compile_options(${TARGET} PRIVATE /EHsc)
+  target_compile_definitions(${TARGET} PRIVATE "_HAS_EXCEPTIONS=0")
+  target_compile_definitions(${TARGET} PRIVATE "$<$<CONFIG:Debug>:_DEBUG>")
+endfunction()
+
+# Flutter library and tool build rules.
+set(FLUTTER_MANAGED_DIR "${CMAKE_CURRENT_SOURCE_DIR}/flutter")
+add_subdirectory(${FLUTTER_MANAGED_DIR})
+
+# Application build; see runner/CMakeLists.txt.
+add_subdirectory("runner")
+
+
+# Generated plugin build rules, which manage building the plugins and adding
+# them to the application.
+include(flutter/generated_plugins.cmake)
+
+
+# === Installation ===
+# Support files are copied into place next to the executable, so that it can
+# run in place. This is done instead of making a separate bundle (as on Linux)
+# so that building and running from within Visual Studio will work.
+set(BUILD_BUNDLE_DIR "$<TARGET_FILE_DIR:${BINARY_NAME}>")
+# Make the "install" step default, as it's required to run.
+set(CMAKE_VS_INCLUDE_INSTALL_TO_DEFAULT_BUILD 1)
+if(CMAKE_INSTALL_PREFIX_INITIALIZED_TO_DEFAULT)
+  set(CMAKE_INSTALL_PREFIX "${BUILD_BUNDLE_DIR}" CACHE PATH "..." FORCE)
+endif()
+
+set(INSTALL_BUNDLE_DATA_DIR "${CMAKE_INSTALL_PREFIX}/data")
+set(INSTALL_BUNDLE_LIB_DIR "${CMAKE_INSTALL_PREFIX}")
+
+install(TARGETS ${BINARY_NAME} RUNTIME DESTINATION "${CMAKE_INSTALL_PREFIX}"
+  COMPONENT Runtime)
+
+install(FILES "${FLUTTER_ICU_DATA_FILE}" DESTINATION "${INSTALL_BUNDLE_DATA_DIR}"
+  COMPONENT Runtime)
+
+install(FILES "${FLUTTER_LIBRARY}" DESTINATION "${INSTALL_BUNDLE_LIB_DIR}"
+  COMPONENT Runtime)
+
+if(PLUGIN_BUNDLED_LIBRARIES)
+  install(FILES "${PLUGIN_BUNDLED_LIBRARIES}"
+    DESTINATION "${INSTALL_BUNDLE_LIB_DIR}"
+    COMPONENT Runtime)
+endif()
+
+# Copy the native assets provided by the build.dart from all packages.
+set(NATIVE_ASSETS_DIR "${PROJECT_BUILD_DIR}native_assets/windows/")
+install(DIRECTORY "${NATIVE_ASSETS_DIR}"
+   DESTINATION "${INSTALL_BUNDLE_LIB_DIR}"
+   COMPONENT Runtime)
+
+# Fully re-copy the assets directory on each build to avoid having stale files
+# from a previous install.
+set(FLUTTER_ASSET_DIR_NAME "flutter_assets")
+install(CODE "
+  file(REMOVE_RECURSE \"${INSTALL_BUNDLE_DATA_DIR}/${FLUTTER_ASSET_DIR_NAME}\")
+  " COMPONENT Runtime)
+install(DIRECTORY "${PROJECT_BUILD_DIR}/${FLUTTER_ASSET_DIR_NAME}"
+  DESTINATION "${INSTALL_BUNDLE_DATA_DIR}" COMPONENT Runtime)
+
+# Install the AOT library on non-Debug builds only.
+install(FILES "${AOT_LIBRARY}" DESTINATION "${INSTALL_BUNDLE_DATA_DIR}"
+  CONFIGURATIONS Profile;Release
+  COMPONENT Runtime)

frontend/windows/flutter/CMakeLists.txt

@@ -0,0 +1,109 @@
+# This file controls Flutter-level build steps. It should not be edited.
+cmake_minimum_required(VERSION 3.14)
+
+set(EPHEMERAL_DIR "${CMAKE_CURRENT_SOURCE_DIR}/ephemeral")
+
+# Configuration provided via flutter tool.
+include(${EPHEMERAL_DIR}/generated_config.cmake)
+
+# TODO: Move the rest of this into files in ephemeral. See
+# https://github.com/flutter/flutter/issues/57146.
+set(WRAPPER_ROOT "${EPHEMERAL_DIR}/cpp_client_wrapper")
+
+# Set fallback configurations for older versions of the flutter tool.
+if (NOT DEFINED FLUTTER_TARGET_PLATFORM)
+  set(FLUTTER_TARGET_PLATFORM "windows-x64")
+endif()
+
+# === Flutter Library ===
+set(FLUTTER_LIBRARY "${EPHEMERAL_DIR}/flutter_windows.dll")
+
+# Published to parent scope for install step.
+set(FLUTTER_LIBRARY ${FLUTTER_LIBRARY} PARENT_SCOPE)
+set(FLUTTER_ICU_DATA_FILE "${EPHEMERAL_DIR}/icudtl.dat" PARENT_SCOPE)
+set(PROJECT_BUILD_DIR "${PROJECT_DIR}/build/" PARENT_SCOPE)
+set(AOT_LIBRARY "${PROJECT_DIR}/build/windows/app.so" PARENT_SCOPE)
+
+list(APPEND FLUTTER_LIBRARY_HEADERS
+  "flutter_export.h"
+  "flutter_windows.h"
+  "flutter_messenger.h"
+  "flutter_plugin_registrar.h"
+  "flutter_texture_registrar.h"
+)
+list(TRANSFORM FLUTTER_LIBRARY_HEADERS PREPEND "${EPHEMERAL_DIR}/")
+add_library(flutter INTERFACE)
+target_include_directories(flutter INTERFACE
+  "${EPHEMERAL_DIR}"
+)
+target_link_libraries(flutter INTERFACE "${FLUTTER_LIBRARY}.lib")
+add_dependencies(flutter flutter_assemble)
+
+# === Wrapper ===
+list(APPEND CPP_WRAPPER_SOURCES_CORE
+  "core_implementations.cc"
+  "standard_codec.cc"
+)
+list(TRANSFORM CPP_WRAPPER_SOURCES_CORE PREPEND "${WRAPPER_ROOT}/")
+list(APPEND CPP_WRAPPER_SOURCES_PLUGIN
+  "plugin_registrar.cc"
+)
+list(TRANSFORM CPP_WRAPPER_SOURCES_PLUGIN PREPEND "${WRAPPER_ROOT}/")
+list(APPEND CPP_WRAPPER_SOURCES_APP
+  "flutter_engine.cc"
+  "flutter_view_controller.cc"
+)
+list(TRANSFORM CPP_WRAPPER_SOURCES_APP PREPEND "${WRAPPER_ROOT}/")
+
+# Wrapper sources needed for a plugin.
+add_library(flutter_wrapper_plugin STATIC
+  ${CPP_WRAPPER_SOURCES_CORE}
+  ${CPP_WRAPPER_SOURCES_PLUGIN}
+)
+apply_standard_settings(flutter_wrapper_plugin)
+set_target_properties(flutter_wrapper_plugin PROPERTIES
+  POSITION_INDEPENDENT_CODE ON)
+set_target_properties(flutter_wrapper_plugin PROPERTIES
+  CXX_VISIBILITY_PRESET hidden)
+target_link_libraries(flutter_wrapper_plugin PUBLIC flutter)
+target_include_directories(flutter_wrapper_plugin PUBLIC
+  "${WRAPPER_ROOT}/include"
+)
+add_dependencies(flutter_wrapper_plugin flutter_assemble)
+
+# Wrapper sources needed for the runner.
+add_library(flutter_wrapper_app STATIC
+  ${CPP_WRAPPER_SOURCES_CORE}
+  ${CPP_WRAPPER_SOURCES_APP}
+)
+apply_standard_settings(flutter_wrapper_app)
+target_link_libraries(flutter_wrapper_app PUBLIC flutter)
+target_include_directories(flutter_wrapper_app PUBLIC
+  "${WRAPPER_ROOT}/include"
+)
+add_dependencies(flutter_wrapper_app flutter_assemble)
+
+# === Flutter tool backend ===
+# _phony_ is a non-existent file to force this command to run every time,
+# since currently there's no way to get a full input/output list from the
+# flutter tool.
+set(PHONY_OUTPUT "${CMAKE_CURRENT_BINARY_DIR}/_phony_")
+set_source_files_properties("${PHONY_OUTPUT}" PROPERTIES SYMBOLIC TRUE)
+add_custom_command(
+  OUTPUT ${FLUTTER_LIBRARY} ${FLUTTER_LIBRARY_HEADERS}
+    ${CPP_WRAPPER_SOURCES_CORE} ${CPP_WRAPPER_SOURCES_PLUGIN}
+    ${CPP_WRAPPER_SOURCES_APP}
+    ${PHONY_OUTPUT}
+  COMMAND ${CMAKE_COMMAND} -E env
+    ${FLUTTER_TOOL_ENVIRONMENT}
+    "${FLUTTER_ROOT}/packages/flutter_tools/bin/tool_backend.bat"
+      ${FLUTTER_TARGET_PLATFORM} $<CONFIG>
+  VERBATIM
+)
+add_custom_target(flutter_assemble DEPENDS
+  "${FLUTTER_LIBRARY}"
+  ${FLUTTER_LIBRARY_HEADERS}
+  ${CPP_WRAPPER_SOURCES_CORE}
+  ${CPP_WRAPPER_SOURCES_PLUGIN}
+  ${CPP_WRAPPER_SOURCES_APP}
+)

frontend/windows/flutter/generated_plugin_registrant.cc

@@ -0,0 +1,17 @@
+//
+//  Generated file. Do not edit.
+//
+
+// clang-format off
+
+#include "generated_plugin_registrant.h"
+
+#include <file_selector_windows/file_selector_windows.h>
+#include <url_launcher_windows/url_launcher_windows.h>
+
+void RegisterPlugins(flutter::PluginRegistry* registry) {
+  FileSelectorWindowsRegisterWithRegistrar(
+      registry->GetRegistrarForPlugin("FileSelectorWindows"));
+  UrlLauncherWindowsRegisterWithRegistrar(
+      registry->GetRegistrarForPlugin("UrlLauncherWindows"));
+}

frontend/windows/flutter/generated_plugin_registrant.h

@@ -0,0 +1,15 @@
+//
+//  Generated file. Do not edit.
+//
+
+// clang-format off
+
+#ifndef GENERATED_PLUGIN_REGISTRANT_
+#define GENERATED_PLUGIN_REGISTRANT_
+
+#include <flutter/plugin_registry.h>
+
+// Registers Flutter plugins.
+void RegisterPlugins(flutter::PluginRegistry* registry);
+
+#endif  // GENERATED_PLUGIN_REGISTRANT_

frontend/windows/flutter/generated_plugins.cmake

@@ -0,0 +1,25 @@
+#
+# Generated file, do not edit.
+#
+
+list(APPEND FLUTTER_PLUGIN_LIST
+  file_selector_windows
+  url_launcher_windows
+)
+
+list(APPEND FLUTTER_FFI_PLUGIN_LIST
+)
+
+set(PLUGIN_BUNDLED_LIBRARIES)
+
+foreach(plugin ${FLUTTER_PLUGIN_LIST})
+  add_subdirectory(flutter/ephemeral/.plugin_symlinks/${plugin}/windows plugins/${plugin})
+  target_link_libraries(${BINARY_NAME} PRIVATE ${plugin}_plugin)
+  list(APPEND PLUGIN_BUNDLED_LIBRARIES $<TARGET_FILE:${plugin}_plugin>)
+  list(APPEND PLUGIN_BUNDLED_LIBRARIES ${${plugin}_bundled_libraries})
+endforeach(plugin)
+
+foreach(ffi_plugin ${FLUTTER_FFI_PLUGIN_LIST})
+  add_subdirectory(flutter/ephemeral/.plugin_symlinks/${ffi_plugin}/windows plugins/${ffi_plugin})
+  list(APPEND PLUGIN_BUNDLED_LIBRARIES ${${ffi_plugin}_bundled_libraries})
+endforeach(ffi_plugin)

frontend/windows/runner/CMakeLists.txt

@@ -0,0 +1,40 @@
+cmake_minimum_required(VERSION 3.14)
+project(runner LANGUAGES CXX)
+
+# Define the application target. To change its name, change BINARY_NAME in the
+# top-level CMakeLists.txt, not the value here, or `flutter run` will no longer
+# work.
+#
+# Any new source files that you add to the application should be added here.
+add_executable(${BINARY_NAME} WIN32
+  "flutter_window.cpp"
+  "main.cpp"
+  "utils.cpp"
+  "win32_window.cpp"
+  "${FLUTTER_MANAGED_DIR}/generated_plugin_registrant.cc"
+  "Runner.rc"
+  "runner.exe.manifest"
+)
+
+# Apply the standard set of build settings. This can be removed for applications
+# that need different build settings.
+apply_standard_settings(${BINARY_NAME})
+
+# Add preprocessor definitions for the build version.
+target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION=\"${FLUTTER_VERSION}\"")
+target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION_MAJOR=${FLUTTER_VERSION_MAJOR}")
+target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION_MINOR=${FLUTTER_VERSION_MINOR}")
+target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION_PATCH=${FLUTTER_VERSION_PATCH}")
+target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION_BUILD=${FLUTTER_VERSION_BUILD}")
+
+# Disable Windows macros that collide with C++ standard library functions.
+target_compile_definitions(${BINARY_NAME} PRIVATE "NOMINMAX")
+
+# Add dependency libraries and include directories. Add any application-specific
+# dependencies here.
+target_link_libraries(${BINARY_NAME} PRIVATE flutter flutter_wrapper_app)
+target_link_libraries(${BINARY_NAME} PRIVATE "dwmapi.lib")
+target_include_directories(${BINARY_NAME} PRIVATE "${CMAKE_SOURCE_DIR}")
+
+# Run the Flutter tool portions of the build. This must not be removed.
+add_dependencies(${BINARY_NAME} flutter_assemble)

frontend/windows/runner/Runner.rc

@@ -0,0 +1,121 @@
+// Microsoft Visual C++ generated resource script.
+//
+#pragma code_page(65001)
+#include "resource.h"
+
+#define APSTUDIO_READONLY_SYMBOLS
+/////////////////////////////////////////////////////////////////////////////
+//
+// Generated from the TEXTINCLUDE 2 resource.
+//
+#include "winres.h"
+
+/////////////////////////////////////////////////////////////////////////////
+#undef APSTUDIO_READONLY_SYMBOLS
+
+/////////////////////////////////////////////////////////////////////////////
+// English (United States) resources
+
+#if !defined(AFX_RESOURCE_DLL) || defined(AFX_TARG_ENU)
+LANGUAGE LANG_ENGLISH, SUBLANG_ENGLISH_US
+
+#ifdef APSTUDIO_INVOKED
+/////////////////////////////////////////////////////////////////////////////
+//
+// TEXTINCLUDE
+//
+
+1 TEXTINCLUDE
+BEGIN
+    "resource.h\0"
+END
+
+2 TEXTINCLUDE
+BEGIN
+    "#include ""winres.h""\r\n"
+    "\0"
+END
+
+3 TEXTINCLUDE
+BEGIN
+    "\r\n"
+    "\0"
+END
+
+#endif    // APSTUDIO_INVOKED
+
+
+/////////////////////////////////////////////////////////////////////////////
+//
+// Icon
+//
+
+// Icon with lowest ID value placed first to ensure application icon
+// remains consistent on all systems.
+IDI_APP_ICON            ICON                    "resources\\app_icon.ico"
+
+
+/////////////////////////////////////////////////////////////////////////////
+//
+// Version
+//
+
+#if defined(FLUTTER_VERSION_MAJOR) && defined(FLUTTER_VERSION_MINOR) && defined(FLUTTER_VERSION_PATCH) && defined(FLUTTER_VERSION_BUILD)
+#define VERSION_AS_NUMBER FLUTTER_VERSION_MAJOR,FLUTTER_VERSION_MINOR,FLUTTER_VERSION_PATCH,FLUTTER_VERSION_BUILD
+#else
+#define VERSION_AS_NUMBER 1,0,0,0
+#endif
+
+#if defined(FLUTTER_VERSION)
+#define VERSION_AS_STRING FLUTTER_VERSION
+#else
+#define VERSION_AS_STRING "1.0.0"
+#endif
+
+VS_VERSION_INFO VERSIONINFO
+ FILEVERSION VERSION_AS_NUMBER
+ PRODUCTVERSION VERSION_AS_NUMBER
+ FILEFLAGSMASK VS_FFI_FILEFLAGSMASK
+#ifdef _DEBUG
+ FILEFLAGS VS_FF_DEBUG
+#else
+ FILEFLAGS 0x0L
+#endif
+ FILEOS VOS__WINDOWS32
+ FILETYPE VFT_APP
+ FILESUBTYPE 0x0L
+BEGIN
+    BLOCK "StringFileInfo"
+    BEGIN
+        BLOCK "040904e4"
+        BEGIN
+            VALUE "CompanyName", "com.example" "\0"
+            VALUE "FileDescription", "petitspas" "\0"
+            VALUE "FileVersion", VERSION_AS_STRING "\0"
+            VALUE "InternalName", "petitspas" "\0"
+            VALUE "LegalCopyright", "Copyright (C) 2025 com.example. All rights reserved." "\0"
+            VALUE "OriginalFilename", "petitspas.exe" "\0"
+            VALUE "ProductName", "petitspas" "\0"
+            VALUE "ProductVersion", VERSION_AS_STRING "\0"
+        END
+    END
+    BLOCK "VarFileInfo"
+    BEGIN
+        VALUE "Translation", 0x409, 1252
+    END
+END
+
+#endif    // English (United States) resources
+/////////////////////////////////////////////////////////////////////////////
+
+
+
+#ifndef APSTUDIO_INVOKED
+/////////////////////////////////////////////////////////////////////////////
+//
+// Generated from the TEXTINCLUDE 3 resource.
+//
+
+
+/////////////////////////////////////////////////////////////////////////////
+#endif    // not APSTUDIO_INVOKED

frontend/windows/runner/flutter_window.cpp

@@ -0,0 +1,71 @@
+#include "flutter_window.h"
+
+#include <optional>
+
+#include "flutter/generated_plugin_registrant.h"
+
+FlutterWindow::FlutterWindow(const flutter::DartProject& project)
+    : project_(project) {}
+
+FlutterWindow::~FlutterWindow() {}
+
+bool FlutterWindow::OnCreate() {
+  if (!Win32Window::OnCreate()) {
+    return false;
+  }
+
+  RECT frame = GetClientArea();
+
+  // The size here must match the window dimensions to avoid unnecessary surface
+  // creation / destruction in the startup path.
+  flutter_controller_ = std::make_unique<flutter::FlutterViewController>(
+      frame.right - frame.left, frame.bottom - frame.top, project_);
+  // Ensure that basic setup of the controller was successful.
+  if (!flutter_controller_->engine() || !flutter_controller_->view()) {
+    return false;
+  }
+  RegisterPlugins(flutter_controller_->engine());
+  SetChildContent(flutter_controller_->view()->GetNativeWindow());
+
+  flutter_controller_->engine()->SetNextFrameCallback([&]() {
+    this->Show();
+  });
+
+  // Flutter can complete the first frame before the "show window" callback is
+  // registered. The following call ensures a frame is pending to ensure the
+  // window is shown. It is a no-op if the first frame hasn't completed yet.
+  flutter_controller_->ForceRedraw();
+
+  return true;
+}
+
+void FlutterWindow::OnDestroy() {
+  if (flutter_controller_) {
+    flutter_controller_ = nullptr;
+  }
+
+  Win32Window::OnDestroy();
+}
+
+LRESULT
+FlutterWindow::MessageHandler(HWND hwnd, UINT const message,
+                              WPARAM const wparam,
+                              LPARAM const lparam) noexcept {
+  // Give Flutter, including plugins, an opportunity to handle window messages.
+  if (flutter_controller_) {
+    std::optional<LRESULT> result =
+        flutter_controller_->HandleTopLevelWindowProc(hwnd, message, wparam,
+                                                      lparam);
+    if (result) {
+      return *result;
+    }
+  }
+
+  switch (message) {
+    case WM_FONTCHANGE:
+      flutter_controller_->engine()->ReloadSystemFonts();
+      break;
+  }
+
+  return Win32Window::MessageHandler(hwnd, message, wparam, lparam);
+}

frontend/windows/runner/flutter_window.h

@@ -0,0 +1,33 @@
+#ifndef RUNNER_FLUTTER_WINDOW_H_
+#define RUNNER_FLUTTER_WINDOW_H_
+
+#include <flutter/dart_project.h>
+#include <flutter/flutter_view_controller.h>
+
+#include <memory>
+
+#include "win32_window.h"
+
+// A window that does nothing but host a Flutter view.
+class FlutterWindow : public Win32Window {
+ public:
+  // Creates a new FlutterWindow hosting a Flutter view running |project|.
+  explicit FlutterWindow(const flutter::DartProject& project);
+  virtual ~FlutterWindow();
+
+ protected:
+  // Win32Window:
+  bool OnCreate() override;
+  void OnDestroy() override;
+  LRESULT MessageHandler(HWND window, UINT const message, WPARAM const wparam,
+                         LPARAM const lparam) noexcept override;
+
+ private:
+  // The project to run.
+  flutter::DartProject project_;
+
+  // The Flutter instance hosted by this window.
+  std::unique_ptr<flutter::FlutterViewController> flutter_controller_;
+};
+
+#endif  // RUNNER_FLUTTER_WINDOW_H_

frontend/windows/runner/main.cpp

@@ -0,0 +1,43 @@
+#include <flutter/dart_project.h>
+#include <flutter/flutter_view_controller.h>
+#include <windows.h>
+
+#include "flutter_window.h"
+#include "utils.h"
+
+int APIENTRY wWinMain(_In_ HINSTANCE instance, _In_opt_ HINSTANCE prev,
+                      _In_ wchar_t *command_line, _In_ int show_command) {
+  // Attach to console when present (e.g., 'flutter run') or create a
+  // new console when running with a debugger.
+  if (!::AttachConsole(ATTACH_PARENT_PROCESS) && ::IsDebuggerPresent()) {
+    CreateAndAttachConsole();
+  }
+
+  // Initialize COM, so that it is available for use in the library and/or
+  // plugins.
+  ::CoInitializeEx(nullptr, COINIT_APARTMENTTHREADED);
+
+  flutter::DartProject project(L"data");
+
+  std::vector<std::string> command_line_arguments =
+      GetCommandLineArguments();
+
+  project.set_dart_entrypoint_arguments(std::move(command_line_arguments));
+
+  FlutterWindow window(project);
+  Win32Window::Point origin(10, 10);
+  Win32Window::Size size(1280, 720);
+  if (!window.Create(L"petitspas", origin, size)) {
+    return EXIT_FAILURE;
+  }
+  window.SetQuitOnClose(true);
+
+  ::MSG msg;
+  while (::GetMessage(&msg, nullptr, 0, 0)) {
+    ::TranslateMessage(&msg);
+    ::DispatchMessage(&msg);
+  }
+
+  ::CoUninitialize();
+  return EXIT_SUCCESS;
+}

frontend/windows/runner/resource.h

@@ -0,0 +1,16 @@
+//{{NO_DEPENDENCIES}}
+// Microsoft Visual C++ generated include file.
+// Used by Runner.rc
+//
+#define IDI_APP_ICON                    101
+
+// Next default values for new objects
+//
+#ifdef APSTUDIO_INVOKED
+#ifndef APSTUDIO_READONLY_SYMBOLS
+#define _APS_NEXT_RESOURCE_VALUE        102
+#define _APS_NEXT_COMMAND_VALUE         40001
+#define _APS_NEXT_CONTROL_VALUE         1001
+#define _APS_NEXT_SYMED_VALUE           101
+#endif
+#endif

frontend/windows/runner/runner.exe.manifest

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<assembly xmlns="urn:schemas-microsoft-com:asm.v1" manifestVersion="1.0">
+  <application xmlns="urn:schemas-microsoft-com:asm.v3">
+    <windowsSettings>
+      <dpiAwareness xmlns="http://schemas.microsoft.com/SMI/2016/WindowsSettings">PerMonitorV2</dpiAwareness>
+    </windowsSettings>
+  </application>
+  <compatibility xmlns="urn:schemas-microsoft-com:compatibility.v1">
+    <application>
+      <!-- Windows 10 and Windows 11 -->
+      <supportedOS Id="{8e0f7a12-bfb3-4fe8-b9a5-48fd50a15a9a}"/>
+    </application>
+  </compatibility>
+</assembly>

frontend/windows/runner/utils.cpp

@@ -0,0 +1,65 @@
+#include "utils.h"
+
+#include <flutter_windows.h>
+#include <io.h>
+#include <stdio.h>
+#include <windows.h>
+
+#include <iostream>
+
+void CreateAndAttachConsole() {
+  if (::AllocConsole()) {
+    FILE *unused;
+    if (freopen_s(&unused, "CONOUT$", "w", stdout)) {
+      _dup2(_fileno(stdout), 1);
+    }
+    if (freopen_s(&unused, "CONOUT$", "w", stderr)) {
+      _dup2(_fileno(stdout), 2);
+    }
+    std::ios::sync_with_stdio();
+    FlutterDesktopResyncOutputStreams();
+  }
+}
+
+std::vector<std::string> GetCommandLineArguments() {
+  // Convert the UTF-16 command line arguments to UTF-8 for the Engine to use.
+  int argc;
+  wchar_t** argv = ::CommandLineToArgvW(::GetCommandLineW(), &argc);
+  if (argv == nullptr) {
+    return std::vector<std::string>();
+  }
+
+  std::vector<std::string> command_line_arguments;
+
+  // Skip the first argument as it's the binary name.
+  for (int i = 1; i < argc; i++) {
+    command_line_arguments.push_back(Utf8FromUtf16(argv[i]));
+  }
+
+  ::LocalFree(argv);
+
+  return command_line_arguments;
+}
+
+std::string Utf8FromUtf16(const wchar_t* utf16_string) {
+  if (utf16_string == nullptr) {
+    return std::string();
+  }
+  unsigned int target_length = ::WideCharToMultiByte(
+      CP_UTF8, WC_ERR_INVALID_CHARS, utf16_string,
+      -1, nullptr, 0, nullptr, nullptr)
+    -1; // remove the trailing null character
+  int input_length = (int)wcslen(utf16_string);
+  std::string utf8_string;
+  if (target_length == 0 || target_length > utf8_string.max_size()) {
+    return utf8_string;
+  }
+  utf8_string.resize(target_length);
+  int converted_length = ::WideCharToMultiByte(
+      CP_UTF8, WC_ERR_INVALID_CHARS, utf16_string,
+      input_length, utf8_string.data(), target_length, nullptr, nullptr);
+  if (converted_length == 0) {
+    return std::string();
+  }
+  return utf8_string;
+}

frontend/windows/runner/utils.h

@@ -0,0 +1,19 @@
+#ifndef RUNNER_UTILS_H_
+#define RUNNER_UTILS_H_
+
+#include <string>
+#include <vector>
+
+// Creates a console for the process, and redirects stdout and stderr to
+// it for both the runner and the Flutter library.
+void CreateAndAttachConsole();
+
+// Takes a null-terminated wchar_t* encoded in UTF-16 and returns a std::string
+// encoded in UTF-8. Returns an empty std::string on failure.
+std::string Utf8FromUtf16(const wchar_t* utf16_string);
+
+// Gets the command line arguments passed in as a std::vector<std::string>,
+// encoded in UTF-8. Returns an empty std::vector<std::string> on failure.
+std::vector<std::string> GetCommandLineArguments();
+
+#endif  // RUNNER_UTILS_H_

frontend/windows/runner/win32_window.cpp

@@ -0,0 +1,288 @@
+#include "win32_window.h"
+
+#include <dwmapi.h>
+#include <flutter_windows.h>
+
+#include "resource.h"
+
+namespace {
+
+/// Window attribute that enables dark mode window decorations.
+///
+/// Redefined in case the developer's machine has a Windows SDK older than
+/// version 10.0.22000.0.
+/// See: https://docs.microsoft.com/windows/win32/api/dwmapi/ne-dwmapi-dwmwindowattribute
+#ifndef DWMWA_USE_IMMERSIVE_DARK_MODE
+#define DWMWA_USE_IMMERSIVE_DARK_MODE 20
+#endif
+
+constexpr const wchar_t kWindowClassName[] = L"FLUTTER_RUNNER_WIN32_WINDOW";
+
+/// Registry key for app theme preference.
+///
+/// A value of 0 indicates apps should use dark mode. A non-zero or missing
+/// value indicates apps should use light mode.
+constexpr const wchar_t kGetPreferredBrightnessRegKey[] =
+  L"Software\\Microsoft\\Windows\\CurrentVersion\\Themes\\Personalize";
+constexpr const wchar_t kGetPreferredBrightnessRegValue[] = L"AppsUseLightTheme";
+
+// The number of Win32Window objects that currently exist.
+static int g_active_window_count = 0;
+
+using EnableNonClientDpiScaling = BOOL __stdcall(HWND hwnd);
+
+// Scale helper to convert logical scaler values to physical using passed in
+// scale factor
+int Scale(int source, double scale_factor) {
+  return static_cast<int>(source * scale_factor);
+}
+
+// Dynamically loads the |EnableNonClientDpiScaling| from the User32 module.
+// This API is only needed for PerMonitor V1 awareness mode.
+void EnableFullDpiSupportIfAvailable(HWND hwnd) {
+  HMODULE user32_module = LoadLibraryA("User32.dll");
+  if (!user32_module) {
+    return;
+  }
+  auto enable_non_client_dpi_scaling =
+      reinterpret_cast<EnableNonClientDpiScaling*>(
+          GetProcAddress(user32_module, "EnableNonClientDpiScaling"));
+  if (enable_non_client_dpi_scaling != nullptr) {
+    enable_non_client_dpi_scaling(hwnd);
+  }
+  FreeLibrary(user32_module);
+}
+
+}  // namespace
+
+// Manages the Win32Window's window class registration.
+class WindowClassRegistrar {
+ public:
+  ~WindowClassRegistrar() = default;
+
+  // Returns the singleton registrar instance.
+  static WindowClassRegistrar* GetInstance() {
+    if (!instance_) {
+      instance_ = new WindowClassRegistrar();
+    }
+    return instance_;
+  }
+
+  // Returns the name of the window class, registering the class if it hasn't
+  // previously been registered.
+  const wchar_t* GetWindowClass();
+
+  // Unregisters the window class. Should only be called if there are no
+  // instances of the window.
+  void UnregisterWindowClass();
+
+ private:
+  WindowClassRegistrar() = default;
+
+  static WindowClassRegistrar* instance_;
+
+  bool class_registered_ = false;
+};
+
+WindowClassRegistrar* WindowClassRegistrar::instance_ = nullptr;
+
+const wchar_t* WindowClassRegistrar::GetWindowClass() {
+  if (!class_registered_) {
+    WNDCLASS window_class{};
+    window_class.hCursor = LoadCursor(nullptr, IDC_ARROW);
+    window_class.lpszClassName = kWindowClassName;
+    window_class.style = CS_HREDRAW | CS_VREDRAW;
+    window_class.cbClsExtra = 0;
+    window_class.cbWndExtra = 0;
+    window_class.hInstance = GetModuleHandle(nullptr);
+    window_class.hIcon =
+        LoadIcon(window_class.hInstance, MAKEINTRESOURCE(IDI_APP_ICON));
+    window_class.hbrBackground = 0;
+    window_class.lpszMenuName = nullptr;
+    window_class.lpfnWndProc = Win32Window::WndProc;
+    RegisterClass(&window_class);
+    class_registered_ = true;
+  }
+  return kWindowClassName;
+}
+
+void WindowClassRegistrar::UnregisterWindowClass() {
+  UnregisterClass(kWindowClassName, nullptr);
+  class_registered_ = false;
+}
+
+Win32Window::Win32Window() {
+  ++g_active_window_count;
+}
+
+Win32Window::~Win32Window() {
+  --g_active_window_count;
+  Destroy();
+}
+
+bool Win32Window::Create(const std::wstring& title,
+                         const Point& origin,
+                         const Size& size) {
+  Destroy();
+
+  const wchar_t* window_class =
+      WindowClassRegistrar::GetInstance()->GetWindowClass();
+
+  const POINT target_point = {static_cast<LONG>(origin.x),
+                              static_cast<LONG>(origin.y)};
+  HMONITOR monitor = MonitorFromPoint(target_point, MONITOR_DEFAULTTONEAREST);
+  UINT dpi = FlutterDesktopGetDpiForMonitor(monitor);
+  double scale_factor = dpi / 96.0;
+
+  HWND window = CreateWindow(
+      window_class, title.c_str(), WS_OVERLAPPEDWINDOW,
+      Scale(origin.x, scale_factor), Scale(origin.y, scale_factor),
+      Scale(size.width, scale_factor), Scale(size.height, scale_factor),
+      nullptr, nullptr, GetModuleHandle(nullptr), this);
+
+  if (!window) {
+    return false;
+  }
+
+  UpdateTheme(window);
+
+  return OnCreate();
+}
+
+bool Win32Window::Show() {
+  return ShowWindow(window_handle_, SW_SHOWNORMAL);
+}
+
+// static
+LRESULT CALLBACK Win32Window::WndProc(HWND const window,
+                                      UINT const message,
+                                      WPARAM const wparam,
+                                      LPARAM const lparam) noexcept {
+  if (message == WM_NCCREATE) {
+    auto window_struct = reinterpret_cast<CREATESTRUCT*>(lparam);
+    SetWindowLongPtr(window, GWLP_USERDATA,
+                     reinterpret_cast<LONG_PTR>(window_struct->lpCreateParams));
+
+    auto that = static_cast<Win32Window*>(window_struct->lpCreateParams);
+    EnableFullDpiSupportIfAvailable(window);
+    that->window_handle_ = window;
+  } else if (Win32Window* that = GetThisFromHandle(window)) {
+    return that->MessageHandler(window, message, wparam, lparam);
+  }
+
+  return DefWindowProc(window, message, wparam, lparam);
+}
+
+LRESULT
+Win32Window::MessageHandler(HWND hwnd,
+                            UINT const message,
+                            WPARAM const wparam,
+                            LPARAM const lparam) noexcept {
+  switch (message) {
+    case WM_DESTROY:
+      window_handle_ = nullptr;
+      Destroy();
+      if (quit_on_close_) {
+        PostQuitMessage(0);
+      }
+      return 0;
+
+    case WM_DPICHANGED: {
+      auto newRectSize = reinterpret_cast<RECT*>(lparam);
+      LONG newWidth = newRectSize->right - newRectSize->left;
+      LONG newHeight = newRectSize->bottom - newRectSize->top;
+
+      SetWindowPos(hwnd, nullptr, newRectSize->left, newRectSize->top, newWidth,
+                   newHeight, SWP_NOZORDER | SWP_NOACTIVATE);
+
+      return 0;
+    }
+    case WM_SIZE: {
+      RECT rect = GetClientArea();
+      if (child_content_ != nullptr) {
+        // Size and position the child window.
+        MoveWindow(child_content_, rect.left, rect.top, rect.right - rect.left,
+                   rect.bottom - rect.top, TRUE);
+      }
+      return 0;
+    }
+
+    case WM_ACTIVATE:
+      if (child_content_ != nullptr) {
+        SetFocus(child_content_);
+      }
+      return 0;
+
+    case WM_DWMCOLORIZATIONCOLORCHANGED:
+      UpdateTheme(hwnd);
+      return 0;
+  }
+
+  return DefWindowProc(window_handle_, message, wparam, lparam);
+}
+
+void Win32Window::Destroy() {
+  OnDestroy();
+
+  if (window_handle_) {
+    DestroyWindow(window_handle_);
+    window_handle_ = nullptr;
+  }
+  if (g_active_window_count == 0) {
+    WindowClassRegistrar::GetInstance()->UnregisterWindowClass();
+  }
+}
+
+Win32Window* Win32Window::GetThisFromHandle(HWND const window) noexcept {
+  return reinterpret_cast<Win32Window*>(
+      GetWindowLongPtr(window, GWLP_USERDATA));
+}
+
+void Win32Window::SetChildContent(HWND content) {
+  child_content_ = content;
+  SetParent(content, window_handle_);
+  RECT frame = GetClientArea();
+
+  MoveWindow(content, frame.left, frame.top, frame.right - frame.left,
+             frame.bottom - frame.top, true);
+
+  SetFocus(child_content_);
+}
+
+RECT Win32Window::GetClientArea() {
+  RECT frame;
+  GetClientRect(window_handle_, &frame);
+  return frame;
+}
+
+HWND Win32Window::GetHandle() {
+  return window_handle_;
+}
+
+void Win32Window::SetQuitOnClose(bool quit_on_close) {
+  quit_on_close_ = quit_on_close;
+}
+
+bool Win32Window::OnCreate() {
+  // No-op; provided for subclasses.
+  return true;
+}
+
+void Win32Window::OnDestroy() {
+  // No-op; provided for subclasses.
+}
+
+void Win32Window::UpdateTheme(HWND const window) {
+  DWORD light_mode;
+  DWORD light_mode_size = sizeof(light_mode);
+  LSTATUS result = RegGetValue(HKEY_CURRENT_USER, kGetPreferredBrightnessRegKey,
+                               kGetPreferredBrightnessRegValue,
+                               RRF_RT_REG_DWORD, nullptr, &light_mode,
+                               &light_mode_size);
+
+  if (result == ERROR_SUCCESS) {
+    BOOL enable_dark_mode = light_mode == 0;
+    DwmSetWindowAttribute(window, DWMWA_USE_IMMERSIVE_DARK_MODE,
+                          &enable_dark_mode, sizeof(enable_dark_mode));
+  }
+}

frontend/windows/runner/win32_window.h

@@ -0,0 +1,102 @@
+#ifndef RUNNER_WIN32_WINDOW_H_
+#define RUNNER_WIN32_WINDOW_H_
+
+#include <windows.h>
+
+#include <functional>
+#include <memory>
+#include <string>
+
+// A class abstraction for a high DPI-aware Win32 Window. Intended to be
+// inherited from by classes that wish to specialize with custom
+// rendering and input handling
+class Win32Window {
+ public:
+  struct Point {
+    unsigned int x;
+    unsigned int y;
+    Point(unsigned int x, unsigned int y) : x(x), y(y) {}
+  };
+
+  struct Size {
+    unsigned int width;
+    unsigned int height;
+    Size(unsigned int width, unsigned int height)
+        : width(width), height(height) {}
+  };
+
+  Win32Window();
+  virtual ~Win32Window();
+
+  // Creates a win32 window with |title| that is positioned and sized using
+  // |origin| and |size|. New windows are created on the default monitor. Window
+  // sizes are specified to the OS in physical pixels, hence to ensure a
+  // consistent size this function will scale the inputted width and height as
+  // as appropriate for the default monitor. The window is invisible until
+  // |Show| is called. Returns true if the window was created successfully.
+  bool Create(const std::wstring& title, const Point& origin, const Size& size);
+
+  // Show the current window. Returns true if the window was successfully shown.
+  bool Show();
+
+  // Release OS resources associated with window.
+  void Destroy();
+
+  // Inserts |content| into the window tree.
+  void SetChildContent(HWND content);
+
+  // Returns the backing Window handle to enable clients to set icon and other
+  // window properties. Returns nullptr if the window has been destroyed.
+  HWND GetHandle();
+
+  // If true, closing this window will quit the application.
+  void SetQuitOnClose(bool quit_on_close);
+
+  // Return a RECT representing the bounds of the current client area.
+  RECT GetClientArea();
+
+ protected:
+  // Processes and route salient window messages for mouse handling,
+  // size change and DPI. Delegates handling of these to member overloads that
+  // inheriting classes can handle.
+  virtual LRESULT MessageHandler(HWND window,
+                                 UINT const message,
+                                 WPARAM const wparam,
+                                 LPARAM const lparam) noexcept;
+
+  // Called when CreateAndShow is called, allowing subclass window-related
+  // setup. Subclasses should return false if setup fails.
+  virtual bool OnCreate();
+
+  // Called when Destroy is called.
+  virtual void OnDestroy();
+
+ private:
+  friend class WindowClassRegistrar;
+
+  // OS callback called by message pump. Handles the WM_NCCREATE message which
+  // is passed when the non-client area is being created and enables automatic
+  // non-client DPI scaling so that the non-client area automatically
+  // responds to changes in DPI. All other messages are handled by
+  // MessageHandler.
+  static LRESULT CALLBACK WndProc(HWND const window,
+                                  UINT const message,
+                                  WPARAM const wparam,
+                                  LPARAM const lparam) noexcept;
+
+  // Retrieves a class instance pointer for |window|
+  static Win32Window* GetThisFromHandle(HWND const window) noexcept;
+
+  // Update the window frame's theme to match the system theme.
+  static void UpdateTheme(HWND const window);
+
+  bool quit_on_close_ = false;
+
+  // window handle for top level window.
+  HWND window_handle_ = nullptr;
+
+  // window handle for hosted content.
+  HWND child_content_ = nullptr;
+};
+
+#endif  // RUNNER_WIN32_WINDOW_H_