Planejador de rotas de moto com clima por trecho.
Cruza o traçado da rota com a previsão do tempo no horário em que você vai passar em cada ponto, calcula um score de segurança, sugere paradas e funciona offline no meio da estrada.
Projeto pessoal, de uso real. Ando de moto em SC e queria algo que cruzasse rota com previsão do tempo antes de sair, não só o clima do destino, mas de cada trecho no horário que vou estar passando ali.
 Mapa Posição ao vivo, tema escuro |
 Clima na rota Score e previsão por ponto |
 Postos Sugestão a cada X km |
 Paradas Salvar e baixar offline |
 Em rota Distância, tempo e velocidade |
 Explorar Rotas públicas por proximidade |
Clima por trecho. A rota é amostrada a cada 90 km e cada ponto consulta a previsão para o horário estimado de chegada ali, não para agora. Uma rota de 5 horas mostra o tempo que você vai pegar no fim dela, não o que está fazendo na sua janela.
Score de segurança. Nota de 0 a 100 que combina chuva, vento, visibilidade e sensação térmica, ajustada pela preferência de pilotagem (tranquilo, misto ou esportivo).
Rastreamento ao vivo. Segue o trajeto real com a câmera inclinada e girando na direção da moto, detecta saída de rota com margem de 25 metros e recalcula. Continua rodando com a tela bloqueada, via plugin nativo de background location.
Modo offline. Antes de sair, baixa os tiles do mapa num corredor ao longo do traçado e guarda um pacote da rota no IndexedDB. Sem sinal na estrada, o app continua funcionando; os percursos encerrados entram numa fila e sincronizam quando a rede volta.
Paradas e postos. Sugere postos reais do OpenStreetMap a cada X km de autonomia da moto, usando os postos já marcados como âncora para não duplicar sugestão em trecho já coberto.
Rotas públicas. Consulta por proximidade em PostGIS mostra rotas que outras pessoas compartilharam num raio de 80 km, com curtidas e contador de quem já percorreu.
SvelteKit + Svelte 5. Queria testar Svelte em algo real. É leve, o bundle é pequeno, e a reatividade com runes ($state, $derived) é simples de entender. Pra um app mobile-first que precisa ser rápido, fez sentido.
Ruby on Rails 8.1 (API mode). Produtividade. Levantar autenticação, CRUD, PostGIS, jobs e mailer em Rails é rápido. Não precisava de nada mais complexo pro backend.
Capacitor. Esse era o teste principal. Queria saber se dá pra pegar um app SvelteKit rodando no browser e empacotar como app Android nativo sem reescrever nada. Spoiler: funciona. GPS, haptics e background location, tudo via plugin nativo, com fallback pro browser.
A ideia era validar se Capacitor serve como caminho de migração pra mobile em projetos web existentes, sem precisar de React Native ou Flutter.
- Frontend: SvelteKit 2, Svelte 5, TypeScript, Tailwind CSS 4, Skeleton UI
- Backend: Rails 8.1 API-only, Ruby 3.3
- Banco: PostgreSQL 16 + PostGIS 3.4
- Mobile: Capacitor 6 (Android)
- Mapas: MapLibre GL JS + OSRM (rotas) + Photon (geocoding)
- Clima: OpenWeatherMap (free tier)
- Infra local: Docker Compose (PostgreSQL/PostGIS + Redis + Mailpit)
TrackRide/
├── frontend/ # SvelteKit + Capacitor
├── backend/ # Rails API
├── scripts/ # dev.sh, preview.sh
├── docker-compose.yml # PostgreSQL/PostGIS + Redis + Mailpit
└── .kiro/ # Contexto e regras do projeto
# Infra (banco, redis, mailpit)
docker compose up -d
# Backend
cd backend && bundle install && rails db:create db:migrate db:seed && rails s -p 3000 -b 0.0.0.0
# Frontend
cd frontend && npm install && npm run dev
# Ou tudo junto:
./scripts/dev.shPara testar no celular (preview + APK):
./scripts/preview.sh
cd frontend && npm run cap:build # gera APK debug- Apenas APIs e libs gratuitas/open source
- Escopo geográfico: Brasil
- Uso pessoal (sem Play Store por enquanto)