Voltar para a homepage

Web / App

Geogram

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.

Tipo de projeto: Web / App Status: live Ano: 2026

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 gallery selected

Relato autoral sobre decisões de produto, execução e aprendizados deste projeto.

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 que o Geogram oferece

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:

  • mapa pessoal com pins de lugares visitados, atuais e futuros;
  • upload de fotos e adição de vídeos do YouTube a cada pin;
  • controle de privacidade por pin (público, só amigos ou privado);
  • perfil público acessível por URL direta;
  • feed de descoberta com pins recentes de outros viajantes;
  • cadastro por magic link — sem senha.

Papel no projeto

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.

Decisões de produto e tecnologia

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:

  • Next.js 15 com App Router para a web;
  • Expo 54 com Expo Router para iOS e Android;
  • Supabase como backend completo (auth, banco, storage, edge functions);
  • AWS S3 com presigned URLs para upload de mídia;
  • Vercel para o deploy da web e EAS para os builds mobile.

Resultado

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

Next.jsReact NativeExpoTypeScriptTailwind CSSSupabasePostgreSQLPostGISMapLibre GLMapTilerAWS S3AWS SESVercelCloudflareSentryEAS

Tags

MapasViagensSocialMobileWebGeolocalização

Próximos projetos para explorar