bruno
cc680a46c2
- Layout 3 zones (sidebar 240px + topbar 44px + contenu) - Sidebar: sections hiérarchiques, hover states, menu contextuel - CSS design system Notion: #191919/#222/#333, Inter, coins 4-6px - Vues: Kanban (groupes+colonnes), Dashboard Notion-style - Templates: base.html refondu, card.html partial, board.html v2 - Backend: données sidebar + board Notion (groups/cards) - Docs: ROADMAP v0.4→v1.0, WORKLOAD.md, README - Backward compatible: conserve _issue_column pour api.py - Images de référence + resized (analyse 2026-07-08)
3.3 KiB
3.3 KiB
Roadmap FlowDeck — Notion Clone
Vision: Copie conforme de l'UI/UX Notion, intégrée à Gitea. 19 images de référence dans
images/— analysées le 2026-07-08.
v0.2.0 ✅ (actuel)
Dashboard + Board Kanban + Gitea sync + Notes + Docker
v0.3.0 — Auth & Multi-user ✅
- OAuth2 Gitea (login via Gitea)
- Token par utilisateur
- CSRF protection
- Rate limiting API
- Webhooks Gitea
v0.4.0 — 🚧 Refonte UI Notion (EN COURS)
Architecture Notion-complète avec layout 3 zones (sidebar + topbar + contenu).
- Analyse des 19 images de référence Notion
- Layout Notion complet: sidebar gauche + topbar + contenu principal
- Sidebar: Home, Recents, Favorites, Library, Private avec hiérarchie
- Sidebar: hover states (fond #333, boutons ... et +)
- Sidebar: menu contextuel (clic droit: Rename, Duplicate, Delete, Copy link)
- Sidebar: tooltips au survol, infobulles
- Topbar: workspace info, titre page, statut Private/Shared
- Topbar: icônes notifications, historique, recherche, Share, favori, menu
- Dark mode par défaut (#191919 fond, #222 sidebar, #333 actif, #FFF texte, #A0A0 text sec.)
- Typographie Inter, 12/14/28px, coins arrondis 4-6px
- Navigation par onglets: Kanban board | Detailed board | Table view | Status overview | Team Load
v0.5.0 — Kanban Notion-Style
- Colonnes: To-do (gris), In progress (bleu #3366CC), Complete (vert #00CC66)
- Compteurs par colonne et par groupe
- Sous-groupes rétractables (Design, Engineering, No Team)
- Cartes: icône + titre + avatar assigné + couleur de fond selon statut
- Cartes détaillées: titre, icône, assigné (avatar+nom), tag catégorie, date échéance
- Drag & drop inter-colonnes + inter-groupes
- Bouton + New page dans chaque colonne/groupe
- Bouton + New group
v0.6.0 — Vue Tableau
- Colonnes: Name (icônes), Status (select coloré), Assign, Deadline, Team, AI keywords
- Tri par colonne (clic en-tête)
- Lignes groupées par catégorie (Design, Engineering)
- Filtres intégrés par colonne
v0.7.0 — Système de Filtres & Tri
- Filtres cumulables: logique AND, pastilles cliquables
- + Filter / Reset
- Filtre par statut: checkboxes multiples avec points colorés
- Filtre AI keywords: recherche + sélection multiple tags
- Tri multi-critères hiérarchique (jusqu'à N niveaux)
- + Add sort / Delete sort
- Options Ascending/Descending
v0.8.0 — Vues Spéciales
- Status Overview: Donut chart, segments colorés, compteurs, légende, pourcentages
- Team Load: Barres empilées verticales par personne (avatars), segments To-do/In progress/Complete
- Detailed Board: cartes avec toutes les propriétés visibles
v0.9.0 — Backend Notion-Style
- Propriétés custom par projet (type Select, Multi-select, Date, Person, Text)
- AI keywords: suggestions automatiques de tags
- Gestion des groupes/sous-groupes dans les boards
- Sync complète Gitea ↔ FlowDeck (labels, milestones, assignees, dates)
- API pour toutes les vues (table, status overview, team load)
v1.0.0 — Production
- UI identique à Notion (pixel-perfect)
- Toutes les vues fonctionnelles
- Tests ≥ 80% couverture
- CI/CD Gitea Actions
- Tag git v1.0.0