dcoder.
PT/ENLet’s talk

Exploration · Entertainment

RadioGuess

Listen. Explore. Discover. A geography game combining live radio and landscapes from around the world.

STATUSProduct lab
CORE TECHNOLOGIES
Next.jsStreet ViewStreamingGamification
RadioGuess — A round: look at the place and listen to the three stations
01 / A round: look at the place and listen to the three stationsEnlarge
01CONTEXT & DELIVERY

The whole
product.

RadioGuess is a geography learning game where players listen to real radio stations from around the world and guess which country they're hearing. The game features immersive Google Street View backgrounds with validated coordinates for 153 countries, real-time radio streaming through an intelligent CORS proxy, scoring with speed bonuses and streak multipliers (100pts base), Google OAuth + email/password authentication, global leaderboards in 3 categories, player statistics, favorites, and a guest mode with 10 free plays. The system includes automated station health monitoring that replaces non-functional stations, server-side score validation to prevent cheating, and a neon radio-themed design system. Built with Next.js 15, React 19, TypeScript, MongoDB, and deployed with a curated dataset of radio stations across 153 countries.

Solution scope

Radio from 153 countries, Street View environments, authentication, leaderboards and validated scoring.

02FEATURES

How it works
in practice.

Capabilities connecting the user experience to operational needs.

Radio Geography Quiz

Listen to real radio stations from 153 countries and guess the country. Scoring with speed bonuses and streak multipliers.

Google Street View Immersion

Validated Street View coordinates for 153 countries providing immersive visual hints for each round.

CORS Streaming Proxy

Intelligent proxy that handles cross-origin radio streams, automatically detecting and adapting to different stream formats.

Station Health Monitoring

Automated pipeline that periodically validates station availability and replaces non-functional stations.

Global Leaderboards

Three leaderboard categories with ranking, statistics, and competitive gameplay.

Neon Radio Design

Custom design system inspired by vintage neon radio aesthetics with glow effects and retro typography.

03ARCHITECTURE & TECHNOLOGY

Behind
the interface.

Next.js App Router (Feature-based)

Full-stack Next.js 15 application with App Router, Server Components for SEO-critical pages, and API Routes for game logic and streaming proxy. Mongoose for MongoDB persistence with TTL indexes for automatic data cleanup.

Solution components

  • React 19 UI (Server + Client Components)
  • Next.js API Routes (Game Logic)
  • CORS Streaming Proxy
  • Mongoose / MongoDB
  • Google Maps & radio-browser APIs

Interface & application

Next.jsReactTailwind CSS

Libraries

NextAuth.jsMongooseNodemailerradio-browser

Data

MongoDB

Infrastructure

Cloudflare

Integrations

Google Maps APIradio-browser APIMicrosoft Clarity

Your context.
Our next project.

Let’s talk

RadioGuess
Chat on WhatsApp