Album photo privé avec un rendu public en full-scroll animé et un éditeur visuel libre pour composer chaque page à la main.
- Next.js
- TypeScript
- PostgreSQL
- Drizzle
- Playwright
- Docker
Contexte
Un album numérique à deux, pensé comme un objet : chaque page est composée librement, photos et textes posés où l'on veut, sans grille imposée.
Rôle
Conception et développement complet : rendu public, éditeur d'administration, base de données, tests et déploiement.
Défis
Construire un éditeur libre (glisser-déposer, redimensionnement, rotation, choix de police) et un rendu scroll fidèle sur desktop comme en portrait. Les tests end-to-end Playwright ont appris deux règles : mesurer le rendu plutôt que le document, et regarder les pixels quand l'apparence est en jeu.
Résultat
Une application avec accès protégé par token, plusieurs albums, migrations Drizzle et une suite de tests qui pilote un vrai navigateur.
Points clés
- Éditeur visuel libre : drag & drop, resize, rotation
- Tests E2E Playwright sur le rendu réel
- PostgreSQL + Drizzle ORM