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
- angular.js
- electron
- hibernate
- java
- jpa
- material
- mysql
- sequelize
- springboot
- tailwind
- typescript
Log in or sign up for Devpost to join the conversation.