1 Guide de Reprise

Manus AI edited this page 2026-05-22 13:29:32 +00:00

Table of Contents

• Guide de Reprise du Développement
• Installation et Démarrage
• Navigation dans la Maquette
• Ajouter une Nouvelle Page
• Exemple minimal
• Prochaines Fonctionnalités à Implémenter (Phase 2)
• Modifier la Navigation Latérale
• Modifier la Palette de Couleurs
• Ressources Utiles

Guide de Reprise du Développement

Ce guide permet à tout développeur de reprendre le projet depuis ce dépôt sans contexte préalable.

Installation et Démarrage

# Cloner le dépôt
git clone https://git.cosmolan.fr/tarzzan/chk-intranet.git
cd chk-intranet

# Installer les dépendances
pnpm install

# Démarrer le serveur de développement
pnpm dev
# → http://localhost:3000

Navigation dans la Maquette

URL	Description
http://localhost:3000/	Tableau de bord administration
http://localhost:3000/intranet	Vue publique de l'intranet (accueil agent)
http://localhost:3000/connexion	Page de connexion
http://localhost:3000/annuaire	Annuaire du personnel
http://localhost:3000/gardes	Planning gardes & astreintes
http://localhost:3000/messagerie	Messagerie interne
http://localhost:3000/documents	Base documentaire
http://localhost:3000/mon-planning	Planning personnel de l'agent

Ajouter une Nouvelle Page

1. Créer le fichier client/src/pages/MaPage.tsx
2. Ajouter l'import dans client/src/App.tsx
3. Ajouter la route dans AdminRouter ou comme route autonome
4. Ajouter l'entrée dans NAV_ITEMS dans AdminLayout.tsx (si page admin)

Exemple minimal

// client/src/pages/MaPage.tsx
export default function MaPage() {
  return (
    <div className="p-6">
      <h1 className="text-2xl font-bold text-slate-800">Ma Page</h1>
      <p className="text-slate-600 mt-2">Contenu de la page.</p>
    </div>
  );
}

Prochaines Fonctionnalités à Implémenter (Phase 2)

Priorité	Fonctionnalité	Effort estimé
🔴 Haute	Fil d'actualités institutionnel (/actualites)	2-3 jours
🔴 Haute	Moteur de recherche global (Ctrl+K)	3-4 jours
🟡 Moyenne	Portail RH self-service (/rh)	4-5 jours
🟡 Moyenne	Espaces de service (/services/:id)	3-4 jours
🟢 Basse	Authentification réelle (LDAP/AD)	5-7 jours
🟢 Basse	Application mobile (PWA)	7-10 jours

Modifier la Navigation Latérale

Éditer client/src/components/AdminLayout.tsx — tableau NAV_ITEMS :

const NAV_ITEMS = [
  { icon: LayoutDashboard, label: "Tableau de bord", path: "/" },
  { icon: MonNouvelIcone, label: "Ma Section", path: "/ma-section" },
  // ...
];

Modifier la Palette de Couleurs

Éditer client/src/index.css — les tokens CSS sont définis dans :root {}.

Ressources Utiles

• Documentation React 19
• Documentation Tailwind CSS 4
• Composants shadcn/ui
• Icônes Lucide
• Recharts
• Framer Motion

---

Projet Intranet CHK 2.0 — Mai 2026 — Développé avec Manus AI