Aller au contenu

T.02 / Technologie

Front-end

React

larch développe des interfaces produit en React, sur le web comme sur ordinateur. Hiki et Scout font tourner React 19 dans Next.js 15, et Bridddge, notre application LinkedIn pour macOS, fait tourner React dans Electron.

Produits réalisés
03
Sur le web
React 19
Sur ordinateur
Electron
Composants
shadcn/ui
Build de Bridddge
Vite

Dites-nous ce que vous voulez lancer.

01 / Réalisé avec React

Trois produits, trois interfaces.

Un catalogue de mangas, une application LinkedIn pour macOS et le poste de pilotage d’un agent commercial IA. Chaque interface est en React, et chaque produit est un produit que nous avons conçu, construit et lancé.

Visuel de Hiki : une jeune fille de manga lit au milieu de piles de livres, à côté du logo Hiki

Plateforme web / 2025

React 19 affiche un catalogue que les lecteurs filtrent par 21 genres, plus de 100 tags, prix, remise, stock et magasin, sur des composants shadcn/ui au style néo-brutaliste de Hiki.

hiki.world
Visuel de Bridddge : une main gravée qui se tend vers un octogone bleu

App macOS / 2025

Chaque fonctionnalité est sa propre application React dans un build Vite multipage : tableau de bord, CRM, statistiques SSI, planificateur et automatisations, avec un thème shadcn/ui.

bridddge.com
Visuel de Scout : un mur de moniteurs rétro et de panneaux de contrôle

Agent IA / 2025

React 19 affiche le pipeline Kanban en glisser-déposer, le tableau de bord analytique et le journal d’activité, et les met à jour en direct pendant que l’agent tourne.

02 / Service associé

Développement de plateformes web

Des plateformes rapides et robustes qui grandissent avec votre activité, pas contre elle.

Vous obtenez

  • Plateformes SaaS, tableaux de bord en temps réel et applications multilingues

    Le tableau de bord de Scout se met à jour en direct pendant que l’agent tourne ; l’interface de Hiki est traduite jusqu’aux noms des genres et des tags.

  • Toute la stack, du front-end à la base de données

    Derrière le front-end React de Hiki, un back-end FastAPI et MongoDB, construits par une seule équipe.

  • Déployées, surveillées et mises à l’échelle, pas seulement construites

    Hiki est déployé sur Cloud Run via Cloud Build à chaque push sur main.

Développement de plateformes web

03 / React : notre usage

Des interfaces où l’on travaille.

Dans les trois produits, React affiche les écrans où les gens passent leur temps : un catalogue à parcourir, un flux de travail LinkedIn à mener et un pipeline de vente à gérer.

Hiki : un catalogue filtrable

L’interface de Hiki est en React 19 dans Next.js 15, avec l’App Router. Elle transforme une collecte quotidienne de plusieurs librairies en un seul catalogue. Les lecteurs filtrent par 21 genres, plus de 100 tags, fourchette de prix, remise, stock et magasin d’origine, et la recherche plein texte couvre les noms de produits dans toutes les langues prises en charge. next-intl traduit l’interface, les noms de genres et les tags : les mêmes composants React affichent chaque langue.

Le style repose sur un design system néo-brutaliste : bordures épaisses de 2 px, ombres décalées et une esthétique inspirée du manga, avec les polices Lacquer et Pangolin. Les composants viennent de shadcn/ui, personnalisés avec le thème néo-brutaliste plutôt que dessinés de zéro.

Bridddge : une application React par fonctionnalité

Bridddge est une application macOS construite avec Electron et React. Un navigateur Chromium intégré prend en charge LinkedIn lui-même, et React affiche les outils autour. Un build Vite multipage donne à chaque fonctionnalité sa propre application React : le tableau de bord, le CRM, les statistiques Social Selling Index, le planificateur de posts et les automatisations. Le CRM suit chaque connexion avec son statut, ses notes et son historique d’actions. Les écrans utilisent shadcn/ui avec un thème sur mesure appelé Lyra, avec un bleu en couleur principale et des angles vifs.

Scout : une interface pour un agent

Scout fait lui aussi tourner React 19 dans Next.js 15. Un agent IA fait le travail commercial, et l’interface React est l’endroit où l’utilisateur le configure et le suit. Un assistant de configuration en sept étapes va du profil client idéal au premier lot de leads. Les leads avancent sur un tableau Kanban en glisser-déposer, de Qualifié à Contacté, A répondu, Rendez-vous, puis Gagné ou Perdu. Le tableau de bord analytique montre la santé du pipeline, l’entonnoir de conversion, la performance des sources et les indicateurs de prospection, et le journal d’activité enregistre chaque action de l’agent. Pendant que l’agent tourne, l’interface se met à jour en direct.

04 / Autres technologies

Utilisées en complément.

React tourne dans Next.js pour Hiki et Scout, et dans Electron pour Bridddge. Découvrez ce que nous avons construit avec chacun.

T.01 / Front-end

Next.js

Le front-end du catalogue multilingue de Hiki et l’application web de Scout, tous deux sur Next.js 15 avec l’App Router.

Utilisé dans

  • Hiki
  • Scout

T.05 / Bureau

Electron

Bridddge, une application macOS native avec son propre navigateur intégré, qui tourne en local.

Utilisé dans

  • Bridddge

Démarrer / Appel de 30 minutes

Un produit en tête ? Lançons-le.

Pas de théâtre d’entreprise. Des résultats.