Une application de calendrier interactive développée avec ReactJS, conçue pour célébrer et mémoriser les dates clés des figures emblématiques de l'histoire Kabyle (guerriers, écrivains, artistes et militants).
# 📅 Calendrier des Figures Historiques Kabyles
Un calendrier interactif construit avec ReactJS qui répertorie les dates clés (naissances, décès, événements marquants) des grandes personnalités de l'histoire et de la culture kabyle.
# 🌟 Objectif du Projet
Ce projet vise à préserver et à diffuser la mémoire collective kabyle à travers un outil numérique moderne. Il permet aux utilisateurs de naviguer dans le temps et de découvrir les héros, écrivains, artistes et militants qui ont façonné l'histoire de la Kabylie.
# ✨ Fonctionnalités
Vue Mensuelle/Annuelle : Un calendrier fluide pour naviguer à travers les époques.
Marqueurs Historiques : Les jours contenant des événements importants sont mis en évidence.
Modales Biographiques : En cliquant sur une date, une fenêtre s'ouvre avec une biographie concise du personnage.
Filtrage par Catégorie : Filtrer entre résistants, intellectuels, artistes ou sportifs.
Mode Sombre/Clair : Interface adaptée pour une lecture confortable.
# 🛠️ Stack Technique
Framework : React.js
Gestion du temps : date-fns
Stylisation : Tailwind CSS
Icônes : Lucide-React
# 📖 Quelques Personnages Inclus
Le projet intègre des données sur des figures emblématiques comme :
Lalla Fatma N'Soumer : L'héroïne de la résistance contre l'occupation française (1830-1863).
Matoub Lounès : Le barde de l'identité kabyle et de la démocratie.
Mouloud Mammeri : Anthropologue et écrivain, pionnier de la renaissance culturelle amazighe.
Abane Ramdane : Architecte de la révolution algérienne et du congrès de la Soummam.
Idir : L'ambassadeur de la chanson kabyle à travers le monde.
# 🚀 Installation
Cloner le projet
git clone
github.com
cd calendrier-kabyle
Installer les dépendances
npm install
Lancer l'application
npm start
# 📂 Structure des Données
Les événements sont gérés via un fichier data/events.json. Voici le format utilisé :
{
"id": "matoub-lounes",
"name": "Matoub Lounès",
"date": "1956-0 …