https://github.com/daniele-senko/taskflow-tododash
O TaskFlow é um sistema completo de gerenciamento de tarefas integrado a um dashboard analítico, desenvolvido com Vue.js 3 para oferecer uma experiência intuitiva e visualmente atraente.
https://github.com/daniele-senko/taskflow-tododash
dashboard task-flow todo-list vue3
Last synced: 4 months ago
JSON representation
O TaskFlow é um sistema completo de gerenciamento de tarefas integrado a um dashboard analítico, desenvolvido com Vue.js 3 para oferecer uma experiência intuitiva e visualmente atraente.
- Host: GitHub
- URL: https://github.com/daniele-senko/taskflow-tododash
- Owner: daniele-senko
- Created: 2025-03-28T22:37:40.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-24T07:46:50.000Z (about 1 year ago)
- Last Synced: 2025-10-11T01:17:50.644Z (8 months ago)
- Topics: dashboard, task-flow, todo-list, vue3
- Language: Vue
- Homepage: https://taskflow-tododash.vercel.app
- Size: 45.9 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TaskFlow: Sistema de Gerenciamento de Tarefas com Dashboard Analítico
## 📌 Visão Geral
O TaskFlow é um sistema completo de gerenciamento de tarefas integrado a um dashboard analítico, desenvolvido com Vue.js 3 para oferecer uma experiência intuitiva e visualmente atraente.
## ✨ Funcionalidades
### 📝 Lista de Tarefas
- **CRUD completo** de tarefas
- **Filtros avançados**:
- ✅ Todas | 📅 Hoje | ⏳ Pendentes | ✔️ Concluídas | 🔴 Atrasadas
- **Ordenação** por data, prioridade ou recência
- **Sistema de prioridades**: 🔵 Baixa | 🟡 Média | 🔴 Alta
- **Persistência automática** no LocalStorage
### 📊 Dashboard Analítico
- **Gráfico de progresso semanal** (linhas)
- **Distribuição de status** (pizza)
- **Métricas-chave** em cards
- **Suporte a temas** 🌞 claro / 🌚 escuro
## 🛠 Stack Tecnológica
| Categoria | Tecnologias |
|---------------------|--------------------------------------|
| Frontend | Vue.js 3 (Composition API) |
| State Management | Pinia |
| Data Visualization | Chart.js + vue-chart-3 |
| UI/Icons | Tailwind CSS + Heroicons |
| Data Persistence | LocalStorage API |
## 🚀 Executando o Projeto
```bash
# Clone o repositório
git clone https://github.com/seu-user/taskflow.git
# Instale as dependências
npm install
# Inicie o servidor de desenvolvimento
npm run dev
# Build para produção
npm run build
```
## 🌟 Destaques do Projeto
### 🎨 Experiência do Usuário
- **Micro-interações** para feedback visual
- **Modo claro/escuro** com persistência de preferência
- **Responsividade** total para mobile/desktop
- **Toasts** de confirmação para ações importantes
### ⚡ Performance
- **Carregamento instantâneo** (dados locais)
- **Atualizações em tempo real** no dashboard
- **Ordenação otimizada** (algoritmo eficiente)
### 🛠 Boas Práticas
- **Arquitetura modular** (componentes reutilizáveis)
- **Store centralizada** com Pinia
- **Código documentado** (JSDoc)
- **Hooks personalizados** para lógica reutilizável
## 📸 Preview
### 🖥️ Telas Principais
| Dashboard | Lista de Tarefas |
|-----------|------------------|
|  |  |
### 🌓 Modos de Cor
| Modo Claro | Modo Escuro |
|------------|-------------|
|  |  |
### 📱 Responsividade
```mermaid
graph LR
Desktop[🖥️ Desktop] --> Tablet[📱 Tablet]
Tablet --> Mobile[📲 Mobile]
Mobile --> SmartWatch[⌚ SmartWatch]
```