Dashboard SaaS moderno para gestão de tarefas, projetos e produtividade, com interface interativa, foco em UX e componentes reutilizáveis.

O SaaScrew simula um ambiente de trabalho para times de produto e engenharia, reunindo:

• controle de tarefas por status/prioridade
• acompanhamento de projetos com progresso visual
• calendário com dias relevantes
• painel de notificações e ações contextuais
• métricas rápidas e gráfico de produtividade

• Navegação por seções: Dashboard, Tarefas, Projetos, Calendário e Análises.
• Busca e filtros: pesquisa por tarefa/projeto e filtros por estado (Todas, Em andamento, Urgentes).
• Fluxo de tarefas: criação via formulário visual, avanço de status e painel de detalhes.
• Fluxo de projetos: progresso por card com atualização rápida e painel de detalhes.
• Notificações e perfil: caixas dedicadas na UI (sem popup nativo).
• Calendário interativo: seleção de dia, troca de mês e marcação de datas com tarefas.
• Feedback visual: banners de sucesso/aviso para ações do usuário.

• React + TypeScript
• Vite
• Tailwind CSS
• Lucide React
• Motion

src/
  main.tsx
  app/
    App.tsx
    components/
      Header.tsx
      Sidebar.tsx
      TaskCard.tsx
      ProjectCard.tsx
      StatsCard.tsx
      MiniCalendar.tsx
      ActivityFeed.tsx
      ProductivityChart.tsx
      ui/...

• Node.js 18+
• npm

npm install

npm run dev

npm run build

• clique em Nova Tarefa para abrir o formulário.
• use os filtros para focar nas tarefas importantes.
• clique no sino para abrir a central de notificações.
• clique em cards de tarefas/projetos para ver detalhes.
• use Avançar status para movimentar tarefas no fluxo.

• persistência com localStorage ou API
• autenticação/autorização
• testes com Vitest + Testing Library
• responsividade avançada
• internacionalização (i18n)

Uso livre para estudo, demonstração e evolução do projeto.