Aller au contenu
Toutes les réalisations
Produit2025 — aujourd'hui

Fromton.app

Le réseau social du fromage : catalogue, dégustations, badges et guide de découpe 3D, sur le web et sur mobile.

Page d’accueil de Fromton : « Goûtez. Notez. Collectionnez. »
plateformes : web, iOS et Android
3
modules métier dans l’API NestJS
29
pages web et plus de 30 écrans mobiles
60+

Le projet

Fromton est une plateforme communautaire dédiée au fromage : on y découvre des fromages, des fromageries et des producteurs, on note ses dégustations et on partage ses coups de cœur. Je conçois et développe le produit de A à Z, de la base de données aux applications mobiles.

Ce que j'ai construit

  • Un catalogue de 215 fromages avec une recherche à facettes (lait, pâte, croûte, origine, saison) et des fiches « carte d'identité » : appellations AOP, AOC ou IGP, forme, saison et avis de la communauté.
  • Des fiches fromageries et producteurs géolocalisées sur une carte, une rubrique « Où l'acheter » et des pages gérées directement par les fromagers.
  • Un volet social : check-ins, avis notés avec photos, plateaux de plusieurs fromages notés un par un, fil d'actualité des amis, toasts et commentaires.
  • De la gamification : passeport fromager, badges à collectionner, défis mensuels, classements, recommandations « Pour vous » et récapitulatif annuel.
  • Un guide de découpe interactif en 3D (Three.js / React Three Fiber) : chaque forme de fromage a sa découpe, expliquée pas à pas. Son moteur est partagé entre le web et le mobile.
  • La connexion avec Google ou Apple, des notifications en temps réel (Server-Sent Events) et des e-mails transactionnels traduits.
  • Une modération intégrée : signalement des contenus, blocage de membres et validation des contributions.
  • Un back-office d'administration, avec des fiches fromages pré-remplies par IA et une recherche d'images intégrée.
  • Une interface traduite en 7 langues, sur le web comme sur mobile.

Architecture

Le projet est organisé en monorepo Turborepo : chaque application s'appuie sur des packages partagés, ce qui permet de faire évoluer le web et le mobile au même rythme.

  • Web : Next.js 16 (App Router, Server Components), Tailwind CSS et next-intl.
  • API : NestJS, une trentaine de modules métier, authentification JWT et documentation Swagger.
  • Mobile : Expo et React Native (New Architecture), NativeWind et TanStack Query ; le guide de découpe 3D y tourne en natif avec expo-gl.
  • Données : PostgreSQL sur Supabase (authentification, stockage des images, sécurité au niveau des lignes, migrations versionnées).
  • Packages partagés : types générés depuis le schéma de la base, traductions, design tokens, e-mails React Email et moteur 3D.

Industrialisation

  • Conventional Commits, versions et changelogs générés pour chaque application avec release-please.
  • Intégration continue sur GitHub Actions : déploiement du site sur Vercel, de l'API sur Railway et migrations de base de données automatisées.
  • Builds mobiles automatisés avec fastlane vers TestFlight et Google Play.
  • Vidéos promotionnelles et visuels des stores générés en code avec Remotion.

Aujourd'hui

Le site est en ligne sur fromton.app. Les applications iOS et Android sont en cours de publication sur l'App Store et Google Play.

Galerie

En images

  • Accueil de l’application Fromton : votre passeport fromager
  • Exploration de 215 fromages, filtrés par lait, pâte, croûte, origine ou saison
  • Fiche du Comté : origine, lait, pâte, croûte, forme et appellations
  • Guide de découpe en 3D : un fromage rond coupé pas à pas

Un projet similaire ?

Parlons de vos objectifs et de la meilleure façon de les atteindre.

Discutons-en

Réalisations

D’autres projets

  • Recherche des aires de service Flot Bleu sur une carte

    Application web

    Flot Bleu (étude de cas)

    Moteur de recherche des aires de service Flot Bleu : carte interactive, géolocalisation et filtres par véhicule et par service.

    • React
    • Tailwind CSS
    • Google Maps
  • Tableau de bord OneWay : missions, colis et historique

    Application web

    OneWay (étude de cas)

    Tableau de bord de pilotage des livraisons : suivi des missions et des colis, statistiques et localisation.

    • React
    • Tailwind CSS
  • Page d’accueil du site Agreenup

    Site vitrine2023

    Agreenup (étude de cas)

    Site vitrine one-page pour des formations en permaculture, avec réservation en ligne.

    • Next.js
    • React
    • TypeScript
    • +2