107e5c619ae5ee0d838c9b4603f9a80bb73daab2
Nouvelle direction artistique actée (.claude/skills/photobooth-da/SKILL.md)
qui remplace progressivement la DA corail/prune/doré des 3 passes
précédentes. Décision associée : les invités voient désormais toutes les
photos de l'événement (revirement du "upload only" initial), cf.
docs/decisions.md — implique une mise à jour de la mention RGPD à faire.
Écran 3 du brief (galerie invité) livré en premier, comme demandé,
priorité au rendu visuel : grille de cadres polaroid (rotation aléatoire
-4°/+4°, légende manuscrite Caveat), fond noir chaud #12100E, effet
"chute avec rebond" pour un nouveau polaroid (bouton de démo temporaire
pour l'évaluer sans backend réel).
Contrastes vérifiés par calcul WCAG AA (skill) : texte clair sur fond
sombre largement conforme, mais texte clair sur les 3 couleurs d'accent
échouait (1.3:1 à 2.8:1) — corrigé en texte sombre systématique sur les
surfaces accent (6.3:1 à 13.2:1).
Nouvelles polices auto-hébergées (General Sans 700, Caveat variable,
Inter variable — ~144 Ko cumulés, poids documenté dans src/vendor/NOTICE.md).
⚠️ Maquette avec données factices (src/galerie/mock-photos/) : pas encore
câblée à Supabase, il manque une RPC/Edge Function publique de listing
(aucune fonction actuelle ne convient à un accès invité anonyme sans
admin_token). Route /galerie/<slug> ajoutée à deploy/nginx-photobooth.conf
et déployée sur photobooth.assistantaikev.eu.
photobooth-qr
Galerie photo événementielle par QR code : les invités d'un événement scannent un QR code, uploadent leurs photos depuis leur téléphone (sans compte, sans app), et l'organisateur récupère toutes les photos dans une galerie admin exportable en ZIP.
Objectif
- V1 : usage personnel (test grandeur nature sur mes propres événements).
- V2 / V3 : produit vendu à des clients (mariages, événementiel).
Stack
- Supabase — base de données Postgres + Storage.
- Front — HTML/CSS/JS léger, mobile-first, sans framework lourd.
- Pas d'app native, pas de compte invité.
Documentation
docs/cahier-des-charges.md— spécifications fonctionnelles.docs/architecture.md— schéma de flux général.docs/modele-donnees.md— schéma des tables Supabase.docs/rgpd.md— mention légale et politique de conservation.docs/decisions.md— journal des décisions actées.
Lancer en local
À compléter au fur et à mesure du développement.
# 1. Copier les variables d'environnement
cp .env.example .env
# puis remplir .env avec les vraies valeurs Supabase
# 2. Installer les dépendances (si un tooling est ajouté)
# npm install
# 3. Lancer le front en local
# (à définir : serveur statique simple, ex. npx serve src/)
Statut
Projet en phase de cadrage — structure et documentation en place, développement pas encore commencé.
Languages
JavaScript
25.8%
HTML
20.8%
CSS
20.5%
TypeScript
17.2%
PLpgSQL
15.7%