Exploração · Entretenimento
RadioGuess
Ouça. Explore. Descubra. Um jogo de geografia que combina rádios ao vivo e paisagens do mundo.
O produto
por inteiro.
O RadioGuess é um jogo de geografia em que o jogador ouve rádios reais e tenta descobrir o país de origem. As rodadas combinam áudio ao vivo com cenários do Google Street View em um catálogo de 153 países. A experiência inclui pontuação por velocidade e sequência de acertos, rankings, estatísticas, favoritos e modo visitante. A operação também monitora a disponibilidade das rádios e valida as pontuações no servidor.
Escopo da solução
Rádios de 153 países, ambientes Street View, autenticação, rankings e validação de pontuação.
O que acontece
na prática.
Recursos que conectam a experiência do usuário às necessidades da operação.
Quiz com rádios reais
Ouça estações de 153 países e escolha a origem. A pontuação considera velocidade e sequências de acertos.
Cenários Street View
Coordenadas validadas fornecem paisagens e pistas visuais para acompanhar cada rodada.
Proxy de streaming
Camada intermediária lida com restrições entre origens e adapta a reprodução aos formatos dos streams de rádio.
Monitoramento de estações
Rotina automatizada verifica disponibilidade e substitui estações que deixaram de funcionar.
Rankings e estatísticas
Três categorias de classificação, histórico de desempenho e recursos de competição entre jogadores.
Identidade visual própria
Interface inspirada em rádios neon, com tipografia retrô e efeitos luminosos integrados ao jogo.
Por trás
da interface.
Next.js App Router (Feature-based)
Aplicação full-stack em Next.js App Router e TypeScript, com componentes de servidor e cliente. Rotas de API concentram a lógica do jogo e o proxy dos streams. O MongoDB, acessado por Mongoose, persiste os dados e utiliza índices TTL para limpeza automática de registros temporários.
Componentes da solução
- React 19 UI (Server + Client Components)
- Next.js API Routes (Game Logic)
- CORS Streaming Proxy
- Mongoose / MongoDB
- Google Maps & radio-browser APIs
Interface & aplicação
Bibliotecas
Dados
Infraestrutura
Integrações
Explore
os detalhes.
Telas reais do projeto. Selecione uma imagem para ampliá-la e navegar pela galeria.
