Frontend : squelette React + Vite + TS + Tailwind

Scaffold de base en attendant l'intégration du design Claude Design
(« Bénévoles Festival.dc.html ») : routage, plomberie i18n (t() +
locales/fr.json), client API avec proxy Vite vers le backend. Build et
lint passent.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01AwswqSChc3Rwtu61pRXiY2
This commit is contained in:
AdamThomas
2026-09-09 23:16:38 +02:00
co-authored by Claude Sonnet 5
parent 49ac6a4726
commit 5154a3c61b
23 changed files with 4673 additions and 9 deletions
+18
View File
@@ -0,0 +1,18 @@
import { Outlet } from 'react-router-dom';
import { t } from '@/i18n';
// Coquille de mise en page. Le design définira la navigation, l'en-tête et
// la palette ; ce composant sera remplacé lors de l'intégration du design.
export function AppLayout() {
return (
<div className="min-h-screen bg-slate-50 text-slate-900">
<header className="border-b border-slate-200 bg-white px-6 py-4">
<h1 className="text-lg font-semibold">{t('app.title')}</h1>
</header>
<main className="p-6">
<Outlet />
</main>
</div>
);
}
+14
View File
@@ -0,0 +1,14 @@
import { createBrowserRouter } from 'react-router-dom';
import { AppLayout } from './AppLayout';
import { DashboardPage } from '@/pages/DashboardPage';
// Squelette de routage. Les écrans réels sont dérivés du design
// (« Bénévoles Festival.dc.html ») et ajoutés au fil des étapes.
export const router = createBrowserRouter([
{
path: '/',
element: <AppLayout />,
children: [{ index: true, element: <DashboardPage /> }],
},
]);