Support Platform

📋 Vue d'ensemble

Support Platform est une application web complète de gestion de tickets et support client, spécifiquement conçue pour les cabinets comptables et services de paie.

Développée avec React 18.3, TypeScript et Express.js, cette plateforme permet une gestion professionnelle des demandes clients avec un système de ticketing complet, des notifications automatiques par email, et un suivi détaillé des métriques.

Récemment migrée vers Neon PostgreSQL (base de données serverless) avec une refonte complète de la sécurité via Neon Auth.

🚀 Actuellement en production sur : helpdesk.excelae.fr

✨ Fonctionnalités principales

🎫 Système de tickets intelligent

Création, suivi et gestion complète des tickets avec numérotation automatique par entreprise

📊 Dashboard Analytics

Métriques en temps réel : tickets ouverts/résolus, temps de réponse moyen, satisfaction client

📧 Notifications automatiques

Emails transactionnels via Resend pour toutes les actions (création, assignation, résolution)

👥 Gestion multi-entreprises

Support de plusieurs entreprises avec isolation des données et numérotation personnalisée

🔒 Sécurité renforcée

Neon Auth avec hashage scrypt, bcrypt, Password Reset Flow complet et Row Level Security (RLS)

📎 Pièces jointes

Upload et gestion de fichiers (JPG, PNG, PDF, DOC) avec limite de 10MB par fichier

🎨 Catégories et priorités

Classification des tickets par catégorie (Technique, Facturation, etc.) et niveau de priorité

✅ Tests complets

Suite de tests Jest avec couverture complète des fonctionnalités critiques

🏗️ Technologies utilisées

Interface utilisateur

React 18.3 avec TypeScript 5.6 pour une interface moderne et typée
Vite 5.4 comme bundler moderne ultra-rapide
TanStack Query 5 pour le cache serveur et la gestion d'état
shadcn/ui + TailwindCSS pour un design system professionnel

Serveur et base de données

Express.js 4.21 avec TypeScript pour la logique métier
Neon PostgreSQL base de données serverless (migration depuis Supabase)
Neon Auth (Better Auth) pour l'authentification sécurisée clients
bcrypt + scrypt hashage renforcé des mots de passe
Resend pour les emails transactionnels automatiques

Sécurité avancée

Row Level Security (RLS) isolation des données par entreprise
Password Reset Flow complet (forgot/reset/change)
CSRF Protection avec cookies sécurisés
Helmet.js headers sécurité (CSP, HSTS, Referrer-Policy)
Rate Limiting protection contre les abus

Hébergement et déploiement

Docker conteneurisation avec build multi-stage optimisé
VPS Hostinger serveur dédié 24/7
Traefik reverse proxy avec SSL Let's Encrypt automatique
GitHub Actions CI/CD automatisé sur push main

React 18.3.1 TypeScript 5.6 Express 4.21 Node.js 20 Vite 5.4 Neon PostgreSQL TanStack Query bcrypt Resend Docker Traefik

🚀 Étapes de développement

Étape 1 : Version de base

Création de l'interface utilisateur avec React et TypeScript
Mise en place du serveur Express et de la base de données
Connexion entre le frontend et le backend via API REST
Premières fonctionnalités : créer, voir et gérer les tickets

Étape 2 : Fonctionnalités avancées

Dashboard analytics avec métriques en temps réel
Système de notification par email automatique (Resend)
Numérotation intelligente des tickets par entreprise (CODE-NNNNN)
Gestion complète des entreprises et contacts clients

Étape 3 : Migration et sécurité (Janvier 2026)

Migration Supabase → Neon PostgreSQL (serverless)
Neon Auth pour authentification sécurisée des clients
Password Reset Flow complet (forgot/reset/change)
Row Level Security (RLS) isolation des données
CSRF Protection, Rate Limiting, Helmet.js

Étape 4 : Production et CI/CD

Docker multi-stage build optimisé pour la production
Traefik reverse proxy avec SSL Let's Encrypt automatique
GitHub Actions pour déploiement automatisé sur push main
Tests automatiques (12/12 passent) avant chaque mise en production

📈 Métriques du projet

📦 Version actuelle

v1.9.4 (12 janvier 2026)

🧪 Tests automatiques

12/12 tests passent (auth + sécurité)

👥 Équipe support

6 membres avec rôles (admin, manager, support)

🏢 Entreprises clientes

4 entreprises avec codes personnalisés

🌐 Uptime

99.9% disponibilité VPS + SSL Grade A

📊 Base de données

Neon PostgreSQL serverless avec RLS

🎓 Apprentissages clés

Architecture full-stack TypeScript : React 18 + Express avec typage strict
Migration de base de données : Supabase → Neon PostgreSQL serverless
Sécurité avancée : Neon Auth, bcrypt/scrypt, RLS, CSRF, Password Reset Flow
DevOps & CI/CD : Docker multi-stage, GitHub Actions, déploiement automatisé
Reverse Proxy : Traefik avec SSL Let's Encrypt, gestion multi-applications
Services cloud : Intégration APIs tierces (Neon, Resend, Better Auth)
Tests automatisés : Suite Jest complète (12/12 tests auth + sécurité)
UX/UI moderne : shadcn/ui, TailwindCSS, TanStack Query

🌐 Découvrez l'application en ligne

Testez Support Platform en conditions réelles sur le VPS de production

Accéder à l'application → ← Retour au portfolio