Problema
Criar uma plataforma de descoberta de viagens centrada em mapas que fosse funcional na web e nativa no mobile ao mesmo tempo, com geolocalização precisa, upload de mídia geotagged e uma experiência fluida para marcar e compartilhar lugares.
Web / App
O Geogram transforma experiências de viagem em um mapa pessoal compartilhável, conectando viajantes por lugares reais ao invés de conteúdo patrocinado.
Plataforma social / app mobile de mapas para viajantes registrarem os lugares que visitaram, com fotos e vídeos, e descobrirem destinos autênticos pelo mapa de outros viajantes.
Resumo executivo
Problema
Criar uma plataforma de descoberta de viagens centrada em mapas que fosse funcional na web e nativa no mobile ao mesmo tempo, com geolocalização precisa, upload de mídia geotagged e uma experiência fluida para marcar e compartilhar lugares.
Solução
Construí uma plataforma com Next.js 15 para web e Expo/React Native para iOS e Android, usando Supabase com PostGIS para armazenar dados geoespaciais, MapLibre GL para renderização de mapas na web e React Native Maps no mobile. A autenticação é por magic link, sem necessidade de senha.
Galeria de imagens
Geogram é uma plataforma social de mapas criada para viajantes registrarem os lugares que já visitaram e descobrirem destinos autênticos pelo mapa de outras pessoas.
A ideia central é simples: cada usuário tem um mapa pessoal onde pode soltar pins nos lugares onde esteve, adicionar fotos e vídeos, e controlar quem pode ver cada memória. O resultado é um perfil geográfico único, acessível em geogram.app/@usuario.
A plataforma existe na web e como aplicativo nativo para iOS e Android — disponível gratuitamente nas lojas.
O Geogram foi pensado como uma alternativa às plataformas de viagem tradicionais, que costumam priorizar conteúdo patrocinado e POIs comerciais. Aqui, a descoberta acontece pelos lugares reais que viajantes reais visitaram.
Entre as principais funcionalidades:
Construí o Geogram inteiramente sozinho, desde a concepção do produto até a publicação nas lojas. Isso incluiu a estratégia de produto, o design de UX, a implementação completa do frontend web e do aplicativo mobile, o backend, a infraestrutura e o processo de submissão para App Store e Google Play.
O projeto exigiu equilibrar três superfícies ao mesmo tempo: a experiência web responsiva, o app iOS e o app Android, compartilhando a mesma base de dados e lógica de negócio.
A escolha de colocar o mapa no centro da experiência criou desafios técnicos relevantes. Dados geoespaciais têm características específicas — consultas por proximidade, bounding box, índices espaciais — que exigiram o uso de PostGIS no banco de dados.
No frontend web, o MapLibre GL oferece renderização de mapas sem as restrições de licenciamento do Google Maps, com tiles servidos pelo MapTiler. No mobile, o React Native Maps integra os mapas nativos de cada plataforma.
O stack foi escolhido para maximizar reuso de código entre web e mobile:
O Geogram está no ar e disponível nas lojas. É um produto funcional, com usuários reais, construído do zero por uma única pessoa.
O projeto representa a convergência de vários desafios técnicos — geoespacial, cross-platform, social, mídia — em uma experiência coesa. Mais do que uma demonstração técnica, é uma plataforma com propósito claro: devolver às viagens o valor da descoberta humana.
Stack
Tags
Próximos projetos para explorar