Shrinkly
Une plateforme complète de suivi de l'empreinte carbone permettant aux utilisateurs de surveiller leur impact environnemental, d'acheter des compensations vérifiées et de participer à des défis de durabilité.
Aperçu du projet
Shrinkly est une plateforme de durabilité full-stack construite comme un monorepo pnpm moderne avec orchestration Turborepo. La plateforme permet aux utilisateurs de suivre automatiquement leur empreinte carbone à partir de transactions financières, de parcourir et acheter des projets de compensation carbone vérifiés, de participer à des défis de durabilité gamifiés et de se connecter avec une communauté éco-responsable. Construite avec des patterns d'architecture de niveau entreprise, l'application comprend 126 composants React organisés en design atomique, une couche API type-safe et une infrastructure de sécurité complète.
Taille de l'équipe: 1
Durée: Ongoing
Heures de dev: 300+
Quel était le problème ?
Le suivi individuel de l'empreinte carbone reste inaccessible pour la plupart des gens — calculer les émissions manuellement est fastidieux et les outils existants manquent d'engagement. Les utilisateurs peinent à comprendre leur impact environnemental, à trouver des projets de compensation vérifiés et à rester motivés pour réduire les émissions. L'espace de la durabilité avait besoin d'une plateforme complète combinant suivi automatisé, fonctionnalités de marketplace, responsabilité sociale et gamification pour rendre la réduction carbone accessible et engageante pour les utilisateurs ordinaires.
Solution
Nous avons architecturé une plateforme monorepo full-stack utilisant React 19 et Next.js 16 modernes pour le frontend, combinés avec un backend API Fastify 5 — le tout partageant des types TypeScript pour un type-safety de bout en bout. La solution emploie des patterns entreprise incluant des composants en design atomique, la gestion d'état Zustand avec des slices modulaires et un middleware de sécurité complet.
Nous avons construit un frontend Next.js 16 avec 35 routes d'application couvrant tableau de bord, transactions, insights, défis, compensations, objectifs, profils et paramètres — organisés avec des patterns de design atomique
Nous avons développé une API REST Fastify 5 avec documentation OpenAPI/Swagger, routes type-safe utilisant la validation Zod et calcul automatique de CO2 basé sur les catégories de transactions
Nous avons implémenté une architecture de store Zustand unifiée avec 13 slices modulaires remplaçant 11 Context providers pour des performances améliorées
Nous avons créé un marketplace de compensation carbone avec 18+ projets vérifiés avec panier d'achat, historique d'achats et intégration de vérification blockchain
Nous avons conçu un système de défis gamifié avec classements, jalons, niveaux de difficulté (Facile à Expert) et mécaniques de récompense pour stimuler l'engagement des utilisateurs
Nous avons construit une infrastructure de sécurité complète incluant la protection CSRF, la limitation de débit par endpoint, les en-têtes CSP et le Row Level Security dans le PostgreSQL de Supabase
Fonctionnalité
Shrinkly fournit aux utilisateurs un tableau de bord intuitif affichant les émissions de carbone en temps réel, la répartition par catégories (Transport, Alimentation, Achats, Énergie, Services) et l'analyse des tendances mensuelles. La plateforme calcule automatiquement les équivalents CO2 à partir des transactions financières en utilisant des multiplicateurs spécifiques par catégorie, supporte l'importation en masse de transactions et offre des recommandations IA pour réduire l'empreinte carbone personnelle.
Les résultats de notre collaboration :
Tableau de bord d'empreinte carbone en temps réel avec visualisations interactives Recharts, analyse de répartition par catégories et métriques de comparaison mois par mois
Système de gestion des transactions avec opérations CRUD, calcul automatique de CO2 (6 multiplicateurs par catégorie), importation en masse jusqu'à 1 000 transactions et filtrage/tri avancé
Marketplace de compensation carbone avec 18+ projets vérifiés, flux complet de panier d'achat, gestion des quantités et suivi de l'historique d'achats avec vérification blockchain
Défis de durabilité gamifiés avec 4 niveaux de difficulté, classements des participants, suivi des jalons, défis par catégorie (7 catégories) et distribution de récompenses
Fonctionnalités sociales incluant réseau d'amis avec gestion des demandes, publications communautaires avec likes et commentaires, panneau de réalisations et personnalisation du profil utilisateur
Système de définition d'objectifs avec suivi de progression, comparaisons d'objectifs quotidiens, recommandations de réduction IA et préférences de notification
126 composants React réutilisables organisés en hiérarchie de design atomique avec base shadcn/ui (66+ composants)
Résultats du projet
Approuvé par innovateurs mondial
Ne vous fiez pas seulement à nos paroles — écoutez les fondateurs, les équipes et les dirigeants qui ont bâti avec nous.
“Ils ne se sont pas contentés de créer une application pour nous ; ils ont vraiment compris les habitudes d'achat de nos clients. L'expérience utilisateur est désormais très intuitive et nos opérations sont bien plus fluides. Franchement, la plateforme a été rentabilisée en quelques mois seulement.”
“Nous avions besoin d'une image de marque qui inspire modernité et confiance sans être ennuyeuse. Le résultat était parfait : les designs sont à la fois modernes et suffisamment sérieux pour une plateforme de contrats numériques. Cela nous a permis de présenter notre projet aux investisseurs avec une identité visuelle impeccable dès le premier jour.”
“Notre logo devait séduire à la fois les jeunes entrepreneurs et les acteurs expérimentés du secteur. Un cahier des charges complexe. Mais le résultat final est une réussite : dynamique et attrayant, il est aussi suffisamment professionnel pour figurer sur les documents de partenariat gouvernementaux. C'est d'ailleurs sur notre image de marque que nous avons reçu le plus de compliments.”
“Étant une plateforme basée sur l'IA, notre image de marque devait être à la fois technologique et intuitive. Le logo qu'ils ont conçu trouve l'équilibre parfait : épuré, moderne et adaptable à tous les formats, de l'en-tête de notre site web à la petite icône de notre application. Un brief simple, mais une réalisation impeccable.”
Construisons ensemble quelque chose de grand.
Vous avez un projet en tête ? Remplissez le formulaire ci-dessous et nous vous recontacterons sous 24 à 48 heures.
Réponse sous 24 à 48 heures
Nous répondons rapidement à toutes les demandes
Accord de confidentialité disponible
Vos idées restent confidentielles.
Garantie zéro spam
Communications uniquement liées au projet