Aller au contenu principal
Wireframes
Composants Réutilisables

Composants Interactifs

Tous les composants sont fonctionnels et prêts à être utilisés dans l'app

Composants Dashboard

5

Jours de streak

3

Niveau actuel

3

Tâches urgentes

Progression

Niveau 3850/1000 XP

Plus que 150 XP pour passer au niveau 4 !

📚 Documentation des composants

✅ Tous les composants sont :

  • Typés avec TypeScript (props strictes)
  • Totalement réutilisables
  • Configurables via props
  • Avec callbacks pour les interactions
  • Accessibles et responsive
  • Stylés avec Tailwind + shadcn/ui

📦 Imports disponibles :

import { StatsCard, XPProgress, TaskCard, TaskList } from "@/components/dashboard";
import { SubjectCard } from "@/components/subjects";
import { FlashcardViewer } from "@/components/flashcards";
import { WeekCalendar, DayView } from "@/components/planning";
import type { Task, Subject, Flashcard, ... } from "@/types";

🎯 Prochaines étapes :

  • Ces composants sont prêts pour Next.js
  • Ils peuvent être utilisés directement dans les pages réelles
  • Il suffit de connecter les données (localStorage ou backend)
  • Les callbacks seront reliés aux mutations/API calls