ProductivityWeb App
Zenith
Gestionnaire de tâches minimaliste inspiré par la méthodologie GTD. Une interface fluide et sans distraction pour maximiser votre productivité quotidienne.
Fonctionnalités Clés
- Interface Drag & Drop
- Mode Focus
- Synchronisation temps réel
- Raccourcis clavier complets
Problème
Les outils de gestion de tâches sont soit trop simples (pas de contexte), soit des usines à gaz (Jira, ClickUp) qui tuent la productivité personnelle.
Solution
Utilisation de l'Optimistic UI pour une réactivité instantanée. Les actions sont appliquées localement immédiatement, puis synchronisées en arrière-plan, donnant une sensation de fluidité native.
store/tasks.ts
1const useTaskStore = create<TaskState>((set, get) => ({
2 tasks: [],
3 moveTask: (id, status) => {
4 // Optimistic update
5 const oldTasks = get().tasks;
6 set(state => ({
7 tasks: state.tasks.map(t => t.id === id ? { ...t, status } : t)
8 }));
9
10 // Sync with backend
11 api.updateTask(id, { status }).catch(() => {
12 // Revert on failure
13 set({ tasks: oldTasks });
14 toast.error('Sync failed');
15 });
16 }
17}));PROJECT PREVIEW
Stack Technique
ReactFramer MotionZustandFirebasePWA
RoleLead Developer
Timeline4 Weeks
Year2024