Files
formation-manager-itinova/client/src/App.tsx
Manus b64dedc488 Checkpoint: Système d'émargement numérique avec QR code et génération automatique d'attestations :
## Base de données
-  Table `presences` créée (inscriptionId, dateFormationId, heurePresence, modeValidation, validateurId)
-  Colonne `qrCodeToken` ajoutée à la table `sequences`

## Backend
-  Génération de QR code unique par séquence (qrCodeGenerator.ts)
-  Procédures tRPC pour l'émargement (presences.generateQRCode, presences.valider, presences.listBySequence)
-  Fonctions de base de données (presenceDb.ts) pour gérer les présences
-  Génération automatique d'attestation après validation de toutes les présences
-  Intégration avec le service d'attestations existant

## Interface formateur (/formateur/emargement)
-  Sélection de la séquence
-  Génération et affichage du QR code en modal
-  Liste des inscrits avec statut de présence par date
-  Validation manuelle de présence possible
-  Actualisation en temps réel des présences
-  Entrée de menu "Émargement" dans DashboardLayout

## Interface publique (/emargement/:token)
-  Page de scan QR code accessible sans authentification
-  Recherche de l'apprenant par email
-  Sélection de la formation et de la date
-  Validation automatique de la présence via QR code
-  Écrans de confirmation (succès/erreur)
-  Gestion des erreurs (QR invalide, déjà émargé, etc.)

## Génération automatique d'attestations
-  Vérification automatique après chaque validation de présence
-  Génération du PDF d'attestation si toutes les présences sont validées
-  Enregistrement en base de données
-  Upload automatique sur S3

## Dépendances installées
- qrcode (génération de QR codes)
- @types/qrcode (types TypeScript)

Le système est entièrement fonctionnel et prêt à être utilisé par les formateurs et apprenants.
2026-01-11 14:01:22 -05:00

96 lines
4.8 KiB
TypeScript

import { Toaster } from "@/components/ui/sonner";
import { TooltipProvider } from "@/components/ui/tooltip";
import NotFound from "@/pages/NotFound";
import { Route, Switch } from "wouter";
import ErrorBoundary from "./components/ErrorBoundary";
import { ThemeProvider } from "./contexts/ThemeContext";
import Home from "./pages/Home";
import LoginChoice from "./pages/LoginChoice";
import AdminRapportPublicCible from "./pages/AdminRapportPublicCible";
import Admin from "./pages/Admin";
import AdminFormations from "./pages/AdminFormations";
import AdminSequences from "./pages/AdminSequences";
import AdminApprenants from "./pages/AdminApprenants";
import AdminApprenantDetail from "./pages/AdminApprenantDetail";
import AdminSequenceInscrits from "./pages/AdminSequenceInscrits";
import AdminUsers from "./pages/AdminUsers";
import AdminEmailTemplates from "./pages/AdminEmailTemplates";
import AdminEmailConfig from "./pages/AdminEmailConfig";
import AdminCalendrier from "./pages/AdminCalendrier";
import AdminRappels from "./pages/AdminRappels";
import AdminAnalytics from "./pages/AdminAnalytics";
import AdminEtablissements from "./pages/AdminEtablissements";
import AdminImportExcel from "./pages/AdminImportExcel";
import AdminQuestionnaires from "./pages/AdminQuestionnaires";
import AdminQuestionnaireEdit from "./pages/AdminQuestionnaireEdit";
import AdminQuestionnaireAnalyse from "./pages/AdminQuestionnaireAnalyse";
import AdminQuestionnaireSuivi from "./pages/AdminQuestionnaireSuivi";
import AdminRappelsHistorique from "./pages/admin/AdminRappelsHistorique";
import AdminRappelsStats from "./pages/admin/AdminRappelsStats";
import AdminFormateurs from "./pages/admin/AdminFormateurs";
import AdminNotifications from "./pages/admin/AdminNotifications";
import AdminAttestations from "./pages/admin/AdminAttestations";
import QuestionnaireReponse from "./pages/QuestionnaireReponse";
import Inscription from "./pages/Inscription";
import Login from "./pages/Login";
import FormateurDashboard from "./pages/FormateurDashboard";
import FormateurEmargement from "./pages/FormateurEmargement";
import EmargementScan from "./pages/EmargementScan";
function Router() {
return (
<Switch>
<Route path={"/"} component={LoginChoice} />
<Route path={"/home"} component={Home} />
<Route path={"/login"} component={Login} />
<Route path={"/admin/rapport-public-cible"} component={AdminRapportPublicCible} />
<Route path={"/inscription/:lien"} component={Inscription} />
<Route path={"/admin"} component={Admin} />
<Route path={"/admin/formations"} component={AdminFormations} />
<Route path={"/admin/sequences"} component={AdminSequences} />
<Route path={"/admin/apprenants"} component={AdminApprenants} />
<Route path={"/admin/apprenants/:id"} component={AdminApprenantDetail} />
<Route path={"/admin/sequences/:id/inscrits"} component={AdminSequenceInscrits} />
<Route path={"/admin/users"} component={AdminUsers} />
<Route path={"/admin/formateurs"} component={AdminFormateurs} />
<Route path={"/admin/notifications"} component={AdminNotifications} />
<Route path={"/admin/attestations"} component={AdminAttestations} />
<Route path={"/admin/email-templates"} component={AdminEmailTemplates} />
<Route path={"/admin/email-config"} component={AdminEmailConfig} />
<Route path={"/admin/calendrier"} component={AdminCalendrier} />
<Route path={"/admin/rappels"} component={AdminRappels} />
<Route path={"/admin/rappels/historique"} component={AdminRappelsHistorique} />
<Route path={"/admin/rappels/statistiques"} component={AdminRappelsStats} />
<Route path={"/admin/analytics"} component={AdminAnalytics} />
<Route path={"/admin/etablissements"} component={AdminEtablissements} />
<Route path={"/admin/import-excel"} component={AdminImportExcel} />
<Route path={"/admin/questionnaires"} component={AdminQuestionnaires} />
<Route path="/admin/questionnaires/:id/analyse" component={AdminQuestionnaireAnalyse} />
<Route path="/admin/questionnaires/suivi" component={AdminQuestionnaireSuivi} />
<Route path={"/admin/questionnaires/:id"} component={AdminQuestionnaireEdit} />
<Route path={"/questionnaire/:token"} component={QuestionnaireReponse} />
<Route path={"/formateur"} component={FormateurDashboard} />
<Route path={"/formateur/emargement"} component={FormateurEmargement} />
<Route path={"/emargement/:token"} component={EmargementScan} />
<Route path={"/404"} component={NotFound} />
{/* Final fallback route */}
<Route component={NotFound} />
</Switch>
);
}
function App() {
return (
<ErrorBoundary>
<ThemeProvider defaultTheme="light">
<TooltipProvider>
<Toaster />
<Router />
</TooltipProvider>
</ThemeProvider>
</ErrorBoundary>
);
}
export default App;