New Task
U
Painel de Análise de Dados
11:45 PM
A
✅ Solicitação atendida. Verifique o painel ao lado 👉
11:45 PM
Nome
Painel de Análise de Dados
Descrição
Desenvolva um painel interativo para visualização e análise de dados, incluindo gráficos dinâmicos e filtros personalizáveis.
Tempo Estimado
5 dias
Steps
- Projetar a interface do painel usando Tailwind CSS para uma estética moderna e responsiva.
- Integre o React Router 7 para gerenciar diferentes sessões de análise.
- Desenvolva componentes de gráficos dinâmicos utilizando uma biblioteca de visualização de dados apropriada.
- Implemente filtros personalizáveis que permitam aos usuários ajustar a visualização dos dados em tempo real.
- Conecte-se a um banco de dados SQLite usando Prisma ORM para buscar e manipular os dados necessários.
- Otimize o desempenho do painel para lidar com grandes conjuntos de dados.
- Assegure a responsividade e compatibilidade cross-browser do painel.
Testes Sugeridos
- it('deve renderizar o painel com gráficos iniciais corretamente')
- it('deve aplicar filtros e atualizar gráficos em tempo real')
- it('deve manter o desempenho com grandes conjuntos de dados')
- it('deve ser responsivo em diferentes tamanhos de tela')
Critérios de Aceitação
- O painel deve ser totalmente interativo e responsivo.
- Usuários podem aplicar filtros e ver os resultados refletidos instantaneamente nos gráficos.
- Os gráficos devem ser claros, informativos e atualizados em tempo real conforme os dados são filtrados ou modificados.
- Deve haver suporte para navegação entre diferentes sessões ou tipos de análises.
Sugestão de Implementação
Utilize a biblioteca Chart.js para os gráficos, Prisma ORM para a interação com o banco de dados e configure as rotas usando React Router 7 para a navegação entre diferentes análises.