Four.Five

Application + Site Web30 captures

Application scolaire tout-en-un avec IA et site vitrine complet, meme auteur

Le projet Four.Five en entier. L'application permet aux lyceens et collegiens de gerer toute leur vie scolaire — 30+ ecrans, authentification, paiements Stripe, editeur de texte riche, assistant IA (Nyra), scanner de notes, flashcards, quiz, export PDF, 6 langues, mode sombre/clair. Le site vitrine presente le produit, explique les tarifs, et convertit les visiteurs en utilisateurs. J'ai tout fait : conception, code, base de donnees, paiements, deploiement, SEO.

ReactTypeScriptViteSupabasePostgreSQLStripeFramer MotionGSAPTipTapGemini AIi18nextLenisLucide
Four.Five

Fonctionnalites

Application

  • Authentification multi-methodes (email, Google)
  • Dashboard avec metriques en temps reel
  • Gestion complete des cours, notes et devoirs
  • Agenda avec rappels et vue semaine
  • Simulateur de moyenne (systeme suisse & francais)
  • Paiements integres (Stripe : abonnements, factures, webhooks)
  • Editeur de texte riche pour Travail de Maturite
  • Assistant IA Nyra (Gemini) pour la redaction
  • Nyra Scan : photo de notes → flashcards, quiz, mind maps
  • Systeme de credits (Nyra Wallet)
  • Export PDF professionnel (bulletins, flashcards, quiz, templates)
  • Pomodoro integre
  • 6 langues (FR, EN, ES, IT, DE, PT)
  • Mode sombre / clair avec 6 themes
  • 77+ avatars et personnalisation complete
  • Animations fluides (Framer Motion + GSAP + Lenis smooth scroll)

Site vitrine

  • Landing page avec animations parallax et phone mockups 3D
  • Page fonctionnalites detaillee (6 sections)
  • Page La Sphere (communaute et marketplace)
  • Page Export PDF avec previews
  • Page Early Access
  • Systeme d'abonnement avec plans Pro et NC
  • Pages legales completes (CGU, CGV, confidentialite, EULA, cookies, PI)
  • Page contact avec formulaire
  • SEO optimise (sitemap, robots.txt, Open Graph)
  • Responsive mobile-first
  • Cookie banner RGPD

Captures d'ecran

App — Onboarding

Inscription, connexion, choix du plan, verification email, premiere configuration.

App — Dashboard

Vue principale. Graphiques, KPIs, raccourcis, activite recente.

App — Fonctionnalite principale

Les ecrans du coeur de l'application. Listes, details, actions CRUD. C'est la section la plus fournie : montrer le workflow complet d'utilisation.

App — Paiements et abonnements

Page de pricing in-app, checkout Stripe, gestion de l'abonnement, factures.

App — Parametres et profil

Profil, securite (2FA si applicable), preferences, gestion de l'equipe.

App — Mobile

Les 6 ecrans les plus importants de l'app en version mobile.

Site — Accueil

Hero, proposition de valeur, preuve sociale, CTA principal. Desktop et mobile.

Site — Fonctionnalites

Page qui detaille ce que fait le produit. Captures, schemas, comparaisons.

Site — Tarifs

Grille de pricing, comparaison des plans, FAQ associee.

Site — Mobile

3 pages du site en version mobile : accueil, tarifs, une autre au choix.

Tous les projets

Un projet en tete ?

Je regarde votre situation et je vous dis ce que je peux faire. 30 minutes, sans engagement.

Prendre rendez-vous

Gratuit. Sans engagement.