SaaS B2B · Formation

Kwark Admin Center

Backoffice multi-tenant pour la gestion clients et services d'un organisme B2B

admin.kwark.fr / clients

Clients · 84 actifs

Gestion des clients

Acme Corp

Actif · 24 utilisateurs

3 450 €

Globex

Actif · 12 utilisateurs

1 280 €

Initech

En attente · 6 util.

890 €

Hooli

Actif · 38 utilisateurs

5 920 €

Le contexte

Kwark opérait depuis plusieurs années sur un backoffice legacy hétérogène, accumulé au fil des besoins : une partie en PHP procédural, une autre dans des feuilles Excel, et un SaaS générique mal adapté pour la facturation. Onboarder un nouveau collaborateur prenait plusieurs jours et la moindre statistique demandait un export manuel.

L'objectif

Reconstruire un backoffice unifié, moderne et confortable à l'usage quotidien, capable de centraliser comptes clients, utilisateurs, services dispensés, journaux d'activité et statistiques dans un seul outil cohérent.

La solution livrée

  • Navigation latérale repliable : Dashboard, Clients, Utilisateurs, Services, Statistiques, Logs — chaque module a sa page dédiée et son fil d'Ariane.
  • Gestion des clients : grille de cartes clients (statut actif/en attente/inactif, nombre d'utilisateurs rattachés, montant en cours), recherche, création rapide, fiche détaillée avec utilisateurs associés.
  • Catalogue de services : référentiel des prestations facturables, prix variables selon le client, lien avec les utilisateurs concernés.
  • Statistiques d'usage : tableau de bord chiffré sur l'activité par client, par service et par période.
  • Journaux d'activité (Logs) : visibilité sur les actions sensibles (création de client, modification utilisateur) pour audit interne.
  • Mode sombre natif : tout l'UI bascule en thème dark (charcoal #161625 + accent violet #8B78FF), respecté par tous les composants.

Particularités techniques

Stack Laravel 11 + Inertia React TSX + Tailwind v4 + shadcn/ui, SSR activé pour la performance perçue, Instrument Sans comme typographie. Architecture pensée pour évoluer vers du multi-tenant (espaces cloisonnés par entité Kwark) avec une vue consolidée pour la direction.

Autres réalisations

quizzard.app / courses / react-19
React 19HooksuseEffect

useEffect : les effets de bord

Page 2.2 · 3 min · brouillon enregistré

useEffect permet d’exécuter du code en réaction au cycle de vie d’un composant.

Syntaxe de base

useEffect(() => {
  document.title = title;
}, [title]);

Quizzard

LMS sur-mesure multi-tenant avec génération de cours et de quizz par IA

crm.2ai-concept.fr / formations
2AI-CRM

Formations · Mai 2026

Société Session Date Statut
SCOP Lumière #2418 14/05 Confirmé
CCI Lyon #2419 18/05 OPCO
Boulangerie Petit #2420 22/05 Confirmé
Cabinet Dubois #2421 28/05 Devis

2AI-CRM

CRM métier pour organisme de formation, avec gestion des sous-traitants et planning

formahub.fr / missions
F FormahHub

Nouvelles missions

+12 cette semaine

Bootcamp React 19

CCI Paris · 25 stagiaires

3 200 € / j

Management agile

SCOP Lumière · 12 stag.

1 800 € / j

RGPD pour PME

OF formation+ · 8 stag.

Urgent

FormahHub

Marketplace de mise en relation formateurs ⇄ organismes de formation

Un projet similaire en tête ?

Discutons de ce qu'on pourrait construire ensemble.

Démarrer la discussion