← Retour au portfolio

CRM SaaS / Plateforme de gestion des demandes

LeadFlow CRM

Une démonstration CRM pensée pour la production, conçue pour permettre à des équipes commerciales de capter des demandes, gérer les étapes du pipeline, attribuer les dossiers, suivre les relances et mesurer la conversion depuis un seul espace.

Technologies

Next.js / React / TypeScript / Tailwind CSS / Prisma / PostgreSQL / NextAuth / Zod / TanStack Table / Recharts

Montre une architecture full-stack, une authentification sécurisée, une gestion des rôles, des workflows CRUD, des tableaux de bord analytics, un historique d’audit et une base prête pour la mise en ligne.

LeadFlow CRM

Vue d’ensemble

LeadFlow CRM est une démonstration de plateforme SaaS multi-espaces dédiée à la gestion des demandes commerciales. Elle comprend un site marketing public, une inscription et une connexion sécurisées, puis un espace CRM privé dans lequel l’équipe suit les demandes et les opportunités.

Ce que cette démonstration montre

  • Une architecture full-stack (frontend et backend réunis dans un même produit)
  • Une authentification sécurisée (connexion et accès protégés)
  • Une gestion des rôles (droits différents pour les admins, managers et commerciaux)
  • Des workflows CRUD (créer, modifier, mettre à jour et archiver des données)
  • Des tableaux de bord analytics (pour suivre l’activité commerciale et la conversion)
  • Un historique d’audit (qui a modifié quoi et quand)
  • Une base prête pour la mise en ligne

Ce que les utilisateurs peuvent faire

  • Voir un site marketing public avec pages d’accueil, fonctionnalités, tarifs, sécurité, confidentialité et conditions
  • Créer un espace de démonstration pour une équipe ou une entreprise via l’inscription
  • Se connecter avec des comptes de démonstration et ouvrir un tableau de bord CRM protégé
  • Voir des KPI, les tendances de volume de demandes, la conversion par source, l’état du pipeline, la prévision de revenus et la charge de relance
  • Rechercher, filtrer, trier, paginer et exporter les demandes depuis le tableau principal
  • Créer de nouvelles demandes avec responsable, source, priorité, étape, valeur et date de relance
  • Ouvrir une fiche détaillée, changer l’étape, réattribuer le dossier, archiver, ajouter des notes, modifier des notes et créer des tâches
  • Voir une vue chronologique réunissant activité, notes et tâches
  • Utiliser un pipeline visuel pour faire avancer les opportunités et suivre la valeur par étape
  • Ouvrir une page analytics pour suivre le funnel, la performance des sources, la vitesse de progression, les prévisions et le taux de conversion
  • Voir un flux d’activité chronologique avec filtres par utilisateur, action et date
  • Voir les cartes de performance par équipe et le classement
  • Ouvrir les réglages du profil, de l’espace de travail, des notifications, de la sécurité, des permissions et des intégrations

Notes sur la démonstration

  • Compte recommandé pour l’accès complet : [email protected] / DemoPass123!
  • Des comptes manager et commercial sont aussi inclus dans les données de démonstration
  • La logique par rôle est bien présente : les admins et managers ont plus de contrôle, les commerciaux ont un accès plus limité
  • Les éléments orientés sécurité comprennent la validation des données, le rate limiting, la séparation des données par espace, les journaux d’audit, la suppression récupérable et des en-têtes sécurisés
  • Docker, les migrations Prisma et PostgreSQL sont inclus pour une base prête au déploiement

Ce qui fonctionne déjà / ce qui reste à venir

  • Fonctionnel dès maintenant : authentification, gestion CRUD des demandes, notes, tâches, changements d’étape, mise à jour du pipeline, tableaux de bord, analytics, historique d’activité et données de démonstration préchargées
  • À venir : synchronisation e-mail, envoi de fichiers, persistance de certains réglages, intégrations supplémentaires, 2FA, détection d’anomalies et interactions de pipeline en glisser-déposer