Bitgrass
Marketplace climate-tech
- Rôle
- Développeur Frontend senior (lead)
- Contexte
- Dexaura
- Période
- 2024 — 2025
- En ligne
- app.bitgrass.com ↗
01 — Vue d'ensemble
Une marketplace climate-tech et un dashboard analytique pour des données climatiques multidimensionnelles, avec abonnements et facturation.
Le défi
Des données denses et multidimensionnelles devaient rester lisibles et rapides, et les paiements justes au centime près.
Stack
- React
- Next.js
- TypeScript
- Stripe
- Chart.js
- TanStack Query
- Cloudflare Workers
02 — Architecture
Ce que j'ai construit, couche par couche.
- ■ Interface
- ■ API & logique
- □ Données
- ■ Cloud & livraison
- ■ Qualité & sécurité
- InterfaceReact · Next.jsExterneStripe
- ExterneStripeAPI & logiqueWebhook handlers
- InterfaceReact · Next.jsInterfaceTanStack Query
- InterfaceTanStack QueryCloud & livraisonWorkers + DO
- Cloud & livraisonWorkers + DOCloud & livraisonCron Triggers
- Cloud & livraisonWorkers + DOCloud & livraisonR2
- Interface
- Direction du frontend React/Next.js : 20+ vues responsives, dashboards Chart.js, export CSV/PDF.
- API & logique
- Abonnements Stripe, facturation récurrente et webhooks sécurisés.
- Cloud & livraison
- Cloudflare Workers avec Durable Objects, Cron Triggers et R2.
- Qualité & sécurité
- Optimisation TanStack Query : rendu 30 % plus rapide, gestion d'erreurs API standardisée.
03 — Ce que j'ai fait
- 01
Direction du développement frontend en React, Next.js et TypeScript sur plus de 20 vues responsives.
- 02
Intégration des abonnements Stripe, de la facturation récurrente et de webhooks sécurisés pour les paiements.
- 03
Dashboards Chart.js avec filtres dynamiques et export CSV/PDF.
- 04
Optimisation TanStack Query : rendu des dashboards 30 % plus rapide.
- 05
Cloudflare Workers avec Durable Objects pour le temps réel, Cron Triggers pour les notifications et R2 pour les images.
04 — Résultats
Rendu des dashboards 30 % plus rapide
Plus de 20 vues responsives
Sur mobile · même build, site en ligne
