Files
n3wt-school/.github/copilot-instructions.md
Luc SORIGNET cb76a23d02 docs(design-system): add design system documentation and AI agent instructions
- Add docs/design-system.md with color tokens, typography, spacing, icons, responsive/PWA rules and component reuse guidelines
- Add CLAUDE.md with permanent instructions for Claude Code
- Add .github/instructions/design-system.instruction.md for GitHub Copilot
- Update .github/copilot-instructions.md to reference the design system
- Update Front-End/tailwind.config.js with color tokens (primary, secondary, tertiary, neutral) and font families (Manrope/Inter)
- Update Front-End/src/app/layout.js to load Manrope and Inter via next/font/google
2026-04-04 11:56:19 +02:00

2.9 KiB

Instructions Copilot - Projet N3WT-SCHOOL

Objectif

Corriger ou améliorer le projet N3WT-SCHOOL de manière minimaliste et fonctionnelle, sans dépendances inutiles.

Architecture du projet

Structure

  • Backend : Python Django (dossier Back-End/)
  • Frontend : NextJS (dossier Front-End/)
  • Tests frontend : Front-End/src/test/
  • Code frontend : Front-End/src/

Gestion des tickets

Règles générales

  • Chaque nouvelle fonctionnalité ou correction nécessite un ticket Gitea
  • Exemptions : modifications documentaires, refactoring, chore, style

Cycle de vie d'un ticket

  1. Création → label etat/En Pause
  2. Affectation → label etat/En Cours
  3. Développement terminé → label etat/Codé
  4. Tests validés → label etat/Testé

Gestion des branches

  • Base : branche develop
  • Nomenclature : <type>-<nom_ticket>-<numero> (ex: feat-ma_super_feat-1234)
  • Types : feat, fix, docs, style, refactor, test, chore

Exigences qualité

Pour le front-end, les exigences de qualité sont les suivantes :

  • Linting : Utiliser ESLint pour le code JavaScript/TypeScript
  • Formatage : Utiliser Prettier pour le formatage du code
  • Tests : Utiliser Jest pour les tests unitaires et d'intégration
  • Référence : frontend guideline

Tests

  • Tests unitaires obligatoires pour chaque nouvelle fonctionnalité
  • Localisation : Front-End/src/test/

Documentation

Design System

Le projet utilise un design system défini. Toujours s'y conformer lors de toute modification de l'interface.

Résumé des tokens obligatoires

Token Tailwind Hex Usage
primary #059669 Boutons, CTA, éléments actifs
secondary #064E3B Hover, accents sombres
tertiary #10B981 Badges, icônes
neutral #F8FAFC Fonds de page, surfaces
  • Polices : font-headline (Manrope) pour les titres, font-body/font-label (Inter) pour le reste
  • Ne jamais utiliser emerald-* pour les éléments interactifs

Références