
Tiroir Magique
Une activité sans écran pour votre enfant, en un clic
Projet personnel | 2026
Captures d'écran
Interface complète en thème clair et sombre

Landing page et générateur d'activités
Thème clair
Activité générée avec matériel et étapes
Thème clair
Les Packs de survie
Thème clair
Tarifs - abonnement Famille
Thème clair
Landing page et générateur d'activités
Thème sombre
Les Packs de survie
Thème sombre
Tarifs - abonnement Famille
Thème sombreProjet Personnel
Tiroir Magique est un SaaS qui aide les parents d'enfants de 1 à 6 ans à trouver instantanément une activité sans écran : indiquer l'âge et le temps disponible suffit pour obtenir une idée avec du matériel du quotidien.
- ~1800 activités adaptées par âge et durée (15/30/60 min)
- 6 catégories : motricité, sensoriel, créatif, calme, imagination, extérieur
- Génération IA personnalisée (âge, jouets, allergies)
- Profils enfants et journal des activités réalisées
Objectifs du Projet
Construire et monétiser un SaaS B2C complet de bout en bout : auth managée, paiements, IA, i18n et analytics, avec un modèle freemium.
Livrables
- Application Next.js 16 en production sur Vercel
- Abonnement Famille Stripe (mensuel/annuel) avec webhooks
- Freemium : 5 générations IA/mois gratuites, illimité en premium
- Interface bilingue FR/EN avec next-intl
Architecture Full-Stack
Une stack serverless moderne : Vercel, Neon, Stripe et Gemini
| Composant | Technologie | Rôle |
|---|---|---|
| Frontend | Next.js 16 (Vercel) | App React 19, SSR, Tailwind CSS 4 + shadcn/ui, design system OKLCH clair/sombre |
| Base de données | Neon PostgreSQL + Drizzle ORM | ~1800 activités en base, profils, enfants, journal d'activités, migrations SQL |
| Authentification | Neon Auth (Better Auth) | Auth managée : email/mot de passe + Google OAuth, middleware de protection des routes |
| Paiements | Stripe | Abonnement Famille mensuel/annuel, webhooks de synchronisation des statuts |
| Intelligence Artificielle | Google Gemini 2.5 Flash | Génération d'activités personnalisées via Vercel AI SDK (@ai-sdk/google) |
| Internationalisation | next-intl | Interface bilingue français/anglais, messages centralisés |
| Analytics | PostHog | Product analytics avec consentement cookies RGPD |
| Sécurité | Upstash Redis + Turnstile | Rate limiting des routes API, captcha Cloudflare sur les formulaires |
Flux de Génération IA
- Le parent renseigne l'âge, la durée et l'envie, puis demande une activité sur mesure
- Le quota est vérifié côté serveur (5/mois en gratuit, illimité en premium, fair use quotidien)
- Gemini 2.5 Flash génère l'activité via Vercel AI SDK : matériel, étapes, catégorie
- L'activité peut être enregistrée dans le journal de l'enfant pour la refaire plus tard
Fonctionnalités Principales
Trois piliers pour occuper les enfants sans écran
Générateur d'Activités
- Sélection par âge (1 à 6 ans) et durée (15/30/60 min)
- ~1800 activités en base PostgreSQL, sans compte pour essayer
- Matériel du quotidien uniquement, instructions étape par étape
- 6 catégories d'éveil ou mode surprise
Génération IA
- Activités sur mesure via Google Gemini 2.5 Flash
- Personnalisation : âge, jouets disponibles, allergies
- 5 générations/mois en gratuit, illimité avec l'abonnement
- Fair use quotidien et rate limiting contre les abus
Packs de Survie
- Collections thématiques pour les moments difficiles
- Voyage en voiture, jour de maladie, semaine de pluie, restaurant
- PDF imprimables prêts à l'emploi
- Inclus dans l'abonnement Famille (Stripe)
Compétences Maîtrisées
SaaS Full-Stack
Next.js 16 App Router, React 19, Tailwind CSS 4 + shadcn/ui, design system OKLCH avec thèmes clair et sombre
Intégration IA
Gemini 2.5 Flash via Vercel AI SDK - quotas gratuit/premium, fair use quotidien, output structuré
Paiements Stripe
Abonnement mensuel/annuel, webhooks, synchronisation des statuts d'abonnement en base
Backend Serverless
Neon PostgreSQL serverless avec Drizzle ORM, migrations versionnées, seed de ~1800 activités
Auth Managée
Neon Auth (Better Auth) : email + Google OAuth, sessions, protection middleware des routes privées
i18n & Growth
next-intl FR/EN, SEO structured data JSON-LD, PostHog analytics, rate limiting Upstash Redis