Tarefa: Implementar Tela de Leaderboard

[LucasNasc]

Tarefa: Implementar Tela de Leaderboard

Descrição da Tarefa

Desenvolver uma tela de leaderboard que exibe a classificação dos usuários com base em suas atividades nos repositórios do DevsNorte. A pontuação será calculada com base nas ações dos usuários, como participação em eventos, abertura de PRs, revisões e contribuições. A tela deve ser implementada usando React e integrando-se com o backend para acessar os dados de pontuação dos usuários.

Libs

• Integracao Discord - DiscordJS
• Backend - Supabase

Critérios de Aceitação

• A tela de leaderboard deve exibir a lista de usuários classificados por pontuação.
• A pontuação é calculada com base nas seguintes ações:
  • Participação em eventos: +5 pontos por evento.
  • Abertura de PRs: +3 pontos por PR.
  • Revisões: +2 pontos por revisão.
  • Contribuições (commits significativos): +10 pontos por contribuição.
• A tela deve ser responsiva e seguir o design padrão do sistema.
• Deve ser possível filtrar e ordenar a classificação por diferentes métricas.
• Mensagens de erro e carregamento devem ser adequadamente tratadas.

Definições de Concluído

• Código é escrito em TypeScript e segue as melhores práticas.
• Tela de leaderboard está corretamente integrada e configurada com o backend.
• Lógica de cálculo de pontuação está implementada conforme as regras especificadas.
• Testes unitários são escritos para a lógica de pontuação e exibição da leaderboard.
• Documentação inclui instruções de configuração e diretrizes de uso.
• Pelo menos 1 aprovação no PR dos admins do repositório.

Tarefas

Configuração e Preparação

• Configurar o ambiente de desenvolvimento com React e TypeScript.
• Estabelecer uma conexão com o backend para acessar dados de pontuação.

Desenvolvimento

• Implementar a interface da tela de leaderboard seguindo o design do sistema.
• Implementar lógica para calcular pontuação dos usuários com base em suas ações.
• Implementar funcionalidades de filtro e ordenação na leaderboard.
• Implementar tratamento de erros e estados de carregamento.

Documentação

• Documentar o processo de configuração e preparação da tela de leaderboard.
• Fornecer diretrizes de uso e dicas de solução de problemas.

Implantação

• Implantar a tela de leaderboard e garantir que ela funcione corretamente no ambiente ao vivo.

Notas

• Garantir que a interface da leaderboard seja intuitiva e fácil de usar.
• Manter segurança e privacidade ao lidar com dados de usuários.
• Colaborar com membros da comunidade para feedback e melhorias.

Diagrama o Fluxo