Inspiração

Queríamos um projeto para metrificar a inutilidade de alguém, com o Useless Ranked agora é possível competir com seus amigos e descobrir quem é o mais inútil!

O que ele faz

Gerá métricas coletando dados de teclado e mouse do usuário e exibindo um ranking a partir dessas métricas.

Como construimos

API Backend

API Backend que é responsável por guardar as informações dos clientes.

Tecnologias utilizadas

  • Spring Boot
  • Java 21
  • MySQL
  • Gradle

Useless Ranked - Aplicativo Desktop

Aplicativo desktop desenvolvido em Electron que coleta dados do usuário e os armazena em um banco de dados SQLite. Periodicamente, envia os dados para a API backend para atualização do ranking.

Tecnologias Utilizadas

  • Electron
  • SQLite
  • Node.js
  • TypeScript

Frontend

Este projeto foi gerado usando Angular CLI versão 19.2.12.

É utilizado tanto para web quanto para desktop (com o Electron).

Tecnologias utilizadas

  • Angular 19.2.12
  • TypeScript
  • Node.js 22
  • HTML5
  • Tailwind CSS

Desafios que tivemos

  • Coleta de dados com Electron se mostrou bem mais complexa que o esperado
  • A integração das aplicações, como o Electron com o Angular
  • Rastreamento de teclas multiplataforma

Realizações das quais nos orgulhamos.

Conseguir integrar as 3 tecnologias, e fazer o projeto funcionar corretamente, incluindo login com google e ranqueamento das métricas.

O que aprendemos

Várias das tecnologias que usamos não eram tecnologias das quais estávamos acostumados a usar (ou nem sabíamos como usar até então), então o projeto trouxe diversos aprendizados e conhecimento sobre essas tecnologias.

Próximas features

Temos várias funcionalidades que ainda poderiam ser implementadas como:

  • Paginação do ranking
  • Exibir as métricas do usuário logado em comparação com o ranking
  • Adicionar curiosidades sobre suas métricas

Built With

Share this project:

Updates