Lisea 📚

Application web de suivi de lecture — HTML/CSS/JS pur + Docker/nginx

📸 Aperçu

Dashboard — Mode clair

Statistiques & Heatmap

Sessions & Timer

Mode sombre

---

🚀 Lancer avec Docker

git clone https://github.com/iyadCH/lisea.git
cd lisea
docker compose up --build

Ouvre ensuite http://localhost:3000

⚡ Sans Docker

Ouvre simplement index.html dans ton navigateur, ou :

npx serve .

✨ Fonctionnalités

• 📚 Bibliothèque avec recherche Open Library (couvertures, auteurs, pages)
• ⏱ Timer de lecture intégré
• 📊 Statistiques avancées + heatmap annuelle
• 🎯 Objectifs annuel, mensuel, hebdomadaire
• ⭐ Notation, tags, notes personnelles
• 🔍 Recherche & tri dans la bibliothèque (Ctrl+K)
• 💾 Persistance localStorage + export/import JSON
• 🌙 Mode sombre/clair
• 📱 Responsive mobile

🗂️ Structure

lisea/
├── index.html
├── css/
│   ├── base.css          ← variables, reset, typographie
│   ├── layout.css        ← sidebar, app shell, responsive
│   ├── components.css    ← cartes, boutons, formulaires
│   └── pages.css         ← styles spécifiques par page
├── js/
│   ├── state.js          ← localStorage, état global
│   ├── router.js         ← navigation
│   ├── ui.js             ← toast, confirm, thème, helpers
│   ├── books.js          ← bibliothèque + recherche
│   ├── sessions.js       ← timer + sessions
│   ├── stats.js          ← statistiques + heatmap
│   ├── goals.js          ← objectifs + export/import
│   └── main.js           ← point d'entrée
├── screenshots/
│   ├── 01-dashboard-light.svg
│   ├── 02-stats.svg
│   ├── 03-sessions-timer.svg
│   └── 04-dark-mode.svg
├── nginx.conf
├── Dockerfile
└── docker-compose.yml

🌐 Déploiement

Service	Commande
Netlify Drop	Glisse le dossier sur app.netlify.com/drop
GitHub Pages	Settings → Pages → Source: main
VPS	docker compose up -d

📄 Licence

Projet personnel — tous droits réservés.