TaskMatch

---

✨ Sobre o Projeto

O TaskMatch é uma plataforma web inovadora para organização, gamificação e colaboração em tarefas em dupla.
Com um fluxo de onboarding interativo, painel de conquistas, sistema de recompensas e design responsivo, o TaskMatch oferece uma experiência divertida, produtiva e segura para quem deseja evoluir junto.

---

🎨 Demonstração Visual

💻 Versão Desktop

Tela Inicial

Painel Principal

📱 Versão Mobile

Dashboard (Mobile)

Tarefas (Mobile)

---

🚀 Funcionalidades

• Onboarding Gamificado: Criação de perfil em múltiplos passos, com animações, personalização e pareamento via código.
• Painel do Usuário: Visualização de conquistas, tarefas, recompensas e progresso em tempo real.
• Sistema de Conquistas e Recompensas: Ganhe badges, troque pontos por recompensas e evolua de nível.
• Login/Cadastro Moderno: Autenticação simples, com link para Termos de Uso e (em breve) login social.
• Design Responsivo: Visual glassmorphism, animações suaves, acessibilidade e experiência mobile-first.
• Privacidade e Segurança: Em conformidade com LGPD/GDPR, Termos de Uso detalhados e consentimento explícito.
• Componentização e Escalabilidade: Estrutura modular, fácil de manter e expandir.

---

🏗️ Estrutura do Projeto

/app
  CadastroPerfil.tsx         # Fluxo principal de cadastro/onboarding
  painel.tsx                 # Painel do usuário autenticado
  page.tsx                   # Página inicial
  /termos
    page.tsx                 # Termos de Uso
  /privacidade
    page.tsx                 # Política de Privacidade (em breve)

components/
  steps/                     # Steps do onboarding
  painel-components/         # Componentes do painel
  tarefa/                    # Tarefas e modais
  recompensa/                # Recompensas e modais
  comuns/                    # Toasts, toolkits, etc.
  ui/                        # Botões, barras, UI genérica

contexts/
  PerfilContext.tsx          # Estado global do perfil

hooks/
  useCadastroPerfil.ts       # Hook customizado para fluxo de cadastro

🔄 Fluxo do Usuário
flowchart TD
    A[Escolha Inicial] -->|Criar perfil| B[Onboarding Steps]
    A -->|Já tenho perfil| F[LoginStep]
    B --> C[Confirmação]
    C --> D[LoginStep]
    D --> E[Painel]
    F --> E

🛡️ Segurança e Privacidade
Termos de Uso: Página dedicada, detalhada e atualizada (/termos)
Consentimento Explícito: Antes do cadastro
LGPD/GDPR: Direito de acesso, correção, portabilidade e exclusão dos dados
Proteção de Rotas: (em breve) Painel acessível apenas para usuários autenticados
Política de Privacidade: (em breve) Página dedicada e linkada no login/onboarding
Tratamento de Dados Sensíveis: Criptografia, controle de acesso e transparência
🖥️ Tecnologias Utilizadas
React 18.x
Next.js 14.x
TypeScript 5.x
Tailwind CSS 3.x
Framer Motion 10.x
Context API (estado global)
ESLint e Prettier (padronização de código)
(Futuro) NextAuth/Firebase Auth, Notificações Push, Login Social, API pública
⚙️ Como Executar Localmente

Clone o repositório:

git clone https://github.com/elieldimz/taskmatch.git
cd taskmatch


Instale as dependências:

npm install
# ou
yarn install


Rode o projeto:

npm run dev
# ou
yarn dev


Acesse:
http://localhost:3000

🛣️ Roadmap
 Onboarding interativo e gamificado
 Pareamento via código de convite
 Painel de conquistas, tarefas e recompensas
 Termos de Uso detalhados
 Política de Privacidade
 Autenticação real (NextAuth/Firebase)
 Proteção de rotas e painel
 Recuperação de senha
 Login social (Google, Apple, etc)
 Notificações push
 Sistema de níveis, loja de recompensas e ranking
 Painel administrativo
 API pública
🤝 Como Contribuir

Contribuições são muito bem-vindas!

Faça um fork do projeto
Crie uma branch (git checkout -b feature/sua-feature)
Commit suas alterações (git commit -m 'feat: minha contribuição')
Push para a branch (git push origin feature/sua-feature)
Abra um Pull Request

Padrões de código:

Use TypeScript e siga a arquitetura de componentes
Escreva commits claros e descritivos
Sempre documente novas funcionalidades
❓ Perguntas Frequentes

1. O TaskMatch é gratuito?
Sim, o uso é gratuito. Futuras funcionalidades premium podem ser adicionadas.

2. Como meus dados são protegidos?
Seus dados são tratados conforme LGPD/GDPR, com criptografia e consentimento explícito.

3. Posso usar o TaskMatch em equipe?
Atualmente, o foco é em duplas. Futuras versões podem expandir para grupos.

4. Como reportar bugs ou sugerir melhorias?
Abra uma issue ou envie um e-mail para suporte@taskmatch.com.

Backend oficial:
TaskMack Backend

🔗 Links Úteis
Termos de Uso
Política de Privacidade
Diagramas Visuais
📄 Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

📬 Contato
E-mail: suporte@taskmatch.com
Issues
LinkedIn do autor

TaskMatch — Organize, conquiste e evolua em dupla!