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

- 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
Un projet similaire ?
Parlons de vos objectifs et de la meilleure façon de les atteindre.
Réalisations
D’autres projets

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

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

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



