Guia Passo a Passo: Criando um Clone do Nike Run Club com Adalo

Construir um app de rastreamento de fitness como o Nike Run Club parece ser um projeto reservado para equipes de desenvolvimento bem financiadas com meses de codificação pela frente. Recursos como rastreamento GPS em tempo real, registro de treinos, sistemas de conquistas e desafios sociais exigem arquitetura de banco de dados complexa e integração com dispositivos nativos—tradicionalmente exigindo expertise em múltiplas linguagens de programação e plataformas. Para empreendedores e entusiastas de fitness com uma visão mas sem conhecimento de codificação, essa barreira técnica há muito tempo se coloca entre a ideia e a execução.

É aí que o Adalo muda completamente a equação. Adalo é um construtor de apps sem código para apps web orientados por banco de dados e apps nativos iOS e Android—uma versão em todas as três plataformas. A construção assistida por IA e a publicação simplificada permitem o lançamento na Apple App Store e Google Play em dias ao invés de meses. Com essas capacidades, criar um app de rastreamento de corrida totalmente funcional completo com integração GPS, recursos sociais e badges de conquista se torna acessível para qualquer pessoa com uma visão—sem codificação necessária.

Por Que o Adalo Funciona para Construir um App de Rastreamento de Corrida

Adalo é um construtor de apps sem código para apps web orientados por banco de dados e apps nativos iOS e Android—uma versão em todas as três plataformas, publicados na Apple App Store e Google Play. Isso o torna a base perfeita para criar um app de fitness estilo Nike Run Club que exige arquitetura robusta de banco de dados para rastrear corridas, armazenar estatísticas de usuários e gerenciar recursos sociais—tudo enquanto oferece a experiência móvel nativa que os corredores esperam.

Para um app de rastreamento de fitness, a distribuição em app store não é opcional—é essencial. Seus usuários precisam de notificações push para lembrá-los de metas de corrida, rastreamento GPS que funciona de forma confiável durante treinos ao ar livre e sincronização em tempo real que capture cada quilômetro. Adalo oferece tudo isso através de compilação nativa verdadeira, não wrappers web, garantindo que seu app funcione perfeitamente seja quando os usuários estão registrando uma corrida rápida ou competindo em desafios de um mês com amigos.

Construir um app de rastreamento de fitness como o Nike Run Club parece ser um projeto reservado para equipes de desenvolvimento bem financiadas com meses de codificação pela frente. Recursos como rastreamento GPS em tempo real, registro de treinos, sistemas de conquistas e desafios sociais exigem arquitetura de banco de dados complexa e integração com dispositivos nativos—tradicionalmente exigindo expertise em múltiplas linguagens de programação e plataformas. Para empreendedores e entusiastas de fitness com uma visão mas sem conhecimento de codificação, essa barreira técnica há muito tempo se coloca entre a ideia e a execução.

Adalo, um construtor de apps alimentado por IA, muda completamente essa equação. Ele cria apps web orientados por banco de dados e apps nativos iOS e Android a partir de uma única base de código—uma versão em todas as três plataformas. A construção assistida por IA e a publicação simplificada permitem o lançamento na Apple App Store e Google Play em dias ao invés de meses. Este tutorial mostrará como aproveitar essas capacidades para criar seu próprio app de rastreamento de corrida totalmente funcional, completo com integração GPS, recursos sociais e badges de conquista—tudo sem escrever uma única linha de código.

Por Que o Adalo Funciona para Construir um App de Rastreamento de Fitness

Para um app de rastreamento de fitness, a distribuição em app store nativa é inegociável. Seus usuários esperam notificações push para lembrá-los de suas metas de corrida, motivá-los durante desafios e celebrar suas conquistas. Eles precisam de rastreamento GPS que funciona de forma confiável durante treinos ao ar livre e sincronização de dados em tempo real que capture cada quilômetro.

Adalo oferece essa experiência nativa polida com uma vantagem crítica: uma compilação publica para web, iOS App Store e Android Play Store simultaneamente. Diferentemente das plataformas que envolvem apps web em uma casca móvel (introduzindo latência e problemas de desempenho sob carga), Adalo compila para código nativo verdadeiro. A infraestrutura modular da plataforma escala para servir apps com milhões de usuários ativos mensais, sem limite superior—e os planos pagos incluem registros de banco de dados ilimitados, então seu app não vai bater em paredes de armazenamento conforme sua base de usuários cresce.

Ada, o construtor de IA do Adalo, permite descrever o que você quer e gera seu app. Magic Start cria fundações completas de app a partir de uma descrição, enquanto Magic Add adiciona recursos através de linguagem natural.

Magic Start pode gerar a base do seu app a partir de uma descrição simples. Diga que precisa de um app de rastreamento de fitness com registro de GPS, recursos sociais e badges de conquista, e ele cria sua estrutura de banco de dados, telas e fluxos de usuário automaticamente. O que costumava levar dias de planejamento acontece em minutos. Vamos construir seu app de fitness do zero.

Pré-requisitos e Configuração Inicial

Etapa 1: Crie Sua Conta e Aplicativo do Adalo

1. Visite Adalo.com e inscreva-se para uma conta gratuita
2. Clique em "Criar Novo Aplicativo" do seu painel
3. Selecione "App Móvel" (otimizado para rastreamento de fitness em movimento)
4. Nomeie seu app (ex: "RunTracker" ou "FitPulse")
5. Escolha "Começar do Zero" para construir funcionalidade personalizada, ou use Magic Start para gerar uma base a partir de sua descrição

Etapa 2: Configurar o Tema do Seu Aplicativo

1. Selecione uma cor de marca primária (tons ousados e energéticos funcionam bem para apps de fitness)
2. Escolha uma cor secundária para botões de chamada para ação
3. Escolha uma fonte sans-serif limpa e moderna para legibilidade durante treinos
4. Ative a opção de modo escuro para corridas noturnas
5. Clique em "Continuar" para entrar no construtor de aplicativos

Passo 3: Configurar as Configurações de Plataforma

1. Navegue para Configurações na barra lateral esquerda
2. Em painel Configurações do aplicativo, configure:
   • Nome e Ícone do App
   • Tela de Abertura (imagem motivacional)
   • Estilo da Barra de Status
3. Ativar Serviços de localização (crítico para rastreamento GPS)
4. Defina a tela inicial como "Bem-vindo"

Construindo a Estrutura do Banco de Dados

Seu banco de dados é a base do seu app de fitness. Com o nenhum limite de registros em planos pagosdo Adalo, você pode armazenar anos de histórico de corrida, milhares de rotas e interações sociais ilimitadas sem se preocupar em atingir limites de armazenamento.

Etapa 4: Aprimorar a Coleção de Usuários

1. Clique no Banco de Dados ícone na barra lateral esquerda
2. Selecione a coleção "Usuários" pré-existente
3. Adicione essas propriedades (clique em "+ Adicionar Propriedade" para cada):
   • Nome Completo (Texto)
   • Foto de Perfil (Imagem)
   • Nome de Usuário (Texto – Único)
   • Biografia (Texto – Multilinha)
   • Peso (Número – para cálculos de calorias)
   • Altura (Número)
   • Unidade Preferida (Texto – Valores: "Milhas", "Quilômetros")
   • Distância Total (Número – total em execução)
   • Corridas Totais (Número)
   • Duração Total (Número – em minutos)
   • Membro Desde (Data – Automática ao se inscrever)
   • Sequência Atual (Número – dias consecutivos)
   • Sequência Mais Longa (Número)
   • Configuração de Privacidade (Texto – Valores: "Público", "Apenas Amigos", "Privado")

Saiba mais sobre bancos de dados

Passo 5: Criar a Coleção de Corridas

1. Clique em + Adicionar Coleção
2. Nomeie-a "Runs"
3. Adicione estas propriedades:
   • ID de Corrida (Texto – Gerado Automaticamente)
   • Distância (Número – nas unidades preferidas do usuário)
   • Duração (Número – em segundos)
   • Hora de Início (Data e Hora)
   • Hora de Término (Data e Hora)
   • Ritmo Médio (Número – minutos por milha/km)
   • Calorias Queimadas (Número – calculado com fórmulas conscientes de unidade)
   • Ganho de Elevação (Número)
   • Dados da Rota (Texto – string JSON de coordenadas)
   • Local de Início (Local)
   • Local de Término (Local)
   • Condições Climáticas (Texto)
   • Temperatura (Número)
   • Tipo de Corrida (Texto – Valores: "Corrida Fácil", "Corrida Longa", "Trabalho de Velocidade", "Recuperação", "Prova")
   • Notas (Texto – Multilinha)
   • Sensação (Texto – Valores: "Ótimo", "Bom", "Normal", "Cansado", "Difícil")
   • Público/Privado (Verdadeiro/Falso)

Etapa 6: Criar a Coleção de Rotas

1. Clique em + Adicionar Coleção
2. Nomeie como "Rotas"
3. Adicione propriedades:
   • Nome da Rota (Texto)
   • Descrição (Texto – Multilinha)
   • Distância (Número)
   • Coordenadas (Texto – matriz JSON de pontos de latitude/longitude)
   • Ponto de Início (Local)
   • Ponto de Término (Local)
   • Dificuldade (Texto – Valores: "Fácil", "Moderado", "Difícil")
   • Tipo de Superfície (Texto – Valores: "Estrada", "Trilha", "Pista", "Misto")
   • Foto da Rota (Imagem)
   • Vezes Executada (Número)
   • Classificação Média (Número)
   • É Favorita (Verdadeiro/Falso)

Etapa 7: Criar a Coleção de Conquistas

1. Clique em + Adicionar Coleção
2. Nomeie como "Conquistas"
3. Adicione propriedades:
   • Nome da Conquista (Texto)
   • Descrição (Texto)
   • Ícone do Emblema (Imagem)
   • Tipo de Critério (Texto – Valores: "Distância", "Corridas", "Sequência", "Velocidade", "Especial")
   • Valor do Critério (Número)
   • Pontos (Número)
   • Data de Obtenção (Data e Hora)
   • Está Desbloqueada (Verdadeiro/Falso)

Etapa 8: Criar a Coleção de Desafios

1. Clique em + Adicionar Coleção
2. Nomeie como "Desafios"
3. Adicione propriedades:
   • Nome do Desafio (Texto)
   • Descrição (Texto – Multilinha)
   • Tipo de Desafio (Texto – Valores: "Distância", "Duração", "Frequência")
   • Valor da Meta (Número)
   • Data de Início (Data)
   • Data de Término (Data)
   • Progresso Atual (Número)
   • Está Ativo (Verdadeiro/Falso)
   • Está Completo (Verdadeiro/Falso)
   • Emblema de Recompensa (Imagem)

Etapa 9: Criar a Coleção de Feed Social

1. Clique em + Adicionar Coleção
2. Nomeie como "Publicações"
3. Adicione propriedades:
   • Tipo de Publicação (Texto – Valores: "Corrida Completa", "Conquista", "Foto", "Texto")
   • Legenda (Texto – Multilinha)
   • Imagem (Imagem)
   • Contagem de Curtidas (Número)
   • Contagem de Comentários (Número)
   • Data de Criação (Data e Hora – Automático)
   • Está Fixado (Verdadeiro/Falso)

Etapa 10: Criar a Coleção de Comentários

1. Clique em + Adicionar Coleção
2. Nomeie-a como "Comentários"
3. Adicione propriedades:
   • Texto do Comentário (Texto – Multilinha)
   • Data de Criação (Data e Hora – Automático)
   • Curtidas (Número)

Etapa 11: Criar a Coleção de Amizades

1. Clique em + Adicionar Coleção
2. Nomeie-a "Amizades"
3. Adicione propriedades:
   • Status (Texto – Valores: "Pendente", "Aceito", "Bloqueado")
   • Data de Criação (Data e Hora – Automático)
   • Data de Aceitação (Data e Hora)

Etapa 12: Configurar Relacionamentos do Banco de Dados

1. Em Corridas coleção:
   • Adicione relacionamento com Usuários: "Corredor" (Um Usuário pode ter muitas Corridas)
   • Adicione relacionamento com Rotas: Muitos-para-Um (rota salva opcional)
   • Adicione relacionamento com Postagens: Um-para-Um (corrida compartilhada automaticamente)
2. Em Rotas coleção:
   • Adicione relacionamento com Usuários: "Criador" (Muitos-para-Um)
   • Adicione relacionamento com Corridas: Um-para-Muitos
3. Em Conquistas coleção:
   • Adicione relacionamento com Usuários: Muitos-para-Muitos (usuários podem ter muitas conquistas)
4. Em Desafios coleção:
   • Adicione relacionamento com Usuários: Muitos-para-Muitos (participantes)
5. Em Posts coleção:
   • Adicionar relação para Usuários: "Autor" (Muitos-para-Um)
   • Adicione relacionamento com Corridas: Um-para-Um (se postagem de corrida)
   • Adicione relacionamento com Usuários: "Curtidores" (Muitos-para-Muitos)
   • Adicionar relacionamento com Comentários: Um-para-Muitos
6. Em Comentários coleção:
   • Adicione relacionamento com Postagens: Muitos-para-Um
   • Adicione relacionamento com Usuários: "Comentarista" (Muitos-para-Um)
7. Em Amizades coleção:
   • Adicione relacionamento com Usuários: "Solicitante" (Muitos-para-Um)
   • Adicione relacionamento com Usuários: "Destinatário" (Muitos-para-Um)

Instalando Componentes Necessários

Etapa 13: Instalar Componentes de Mapas e Localização

1. Navegue até a Marketplace do Adalo
2. Instale:
   • Componente de Mapas (para visualização de rota)
   • componente Timer (para cronometrar a corrida e disparar salvamentos periódicos de localização)
3. Chave de API do Google Maps para mapas web:
   • Visite o Google Cloud Console para criar uma chave de API
   • No mínimo, ativar API de Geocodificação para mapas web
   • Ativar Geocodificação apenas se você precisar de buscas de endereço/local e Matriz de Distância apenas se você precisar de estimativas de distância/tempo de viagem
   • Google Maps Platform inclui um crédito gratuito de $250/mensais; muitos aplicativos pequenos permanecem dentro da camada gratuita
4. No Adalo: cole sua chave de API em Configurações → Integrações

Etapa 14: Instalar Componentes Adicionais

1. Retorne para Marketplace
2. Instale:
   • Gráfico/Tabela (para visualização de estatísticas)
   • Reprodutor de Áudio (para dicas de treinamento)
   • Compartilhar (compartilhamento em redes sociais)

Explore o marketplace

Criando Autenticação de Usuário e Integração

Etapa 15: Criar a Tela de Boas-vindas

1. Renomeie a tela padrão para "Boas-vindas"
2. Adicione elementos de design: imagem de fundo, logo, título/subtítulo
3. Adicione botões de navegação:
   • Inscrever-se → tela "Cadastro"
   • Login → tela "Login"
   • Continuar como Convidado → "Início" (modo somente visualização)

Etapa 16: Crie a Tela de Inscrição

1. Adicionar tela "Cadastro"
2. Formulário (Usuários): Email, Senha, Confirmar, Nome Completo
3. Seletor de Imagem para Foto de Perfil (opcional)
4. Criar Conta → Cadastro, depois navegue para "Pesquisa de Boas-vindas"
5. Login link de texto para usuários existentes

Etapa 17: Criar Tela de Pesquisa de Boas-vindas

1. Adicionar nova tela → nomeie Pesquisa de Boas-vindas.
2. (Opcional) Adicionar texto estático "Etapa 1 de 3."
3. Formulário (Atualizar → Por fim, estabeleça um relacionamento Muitos-para-Um entre Mensagens e Usuários. Isso permite que um usuário crie múltiplas mensagens, enquanto cada mensagem está vinculada a um único autor. Você pode até definir o):
   • Objetivos (Menu suspenso): Começar a Correr, Ficar Mais Rápido, Correr Mais Longe, Manter-se Ativo, Treinar para Evento → salvar em Objetivo (Texto)
   • Frequência (Menu suspenso): Novo em Corridas, 1–2 vezes/semana, 3–4 vezes/semana, 5+ vezes/semana → salvar em Frequência (Texto)
   • Peso (Número) → salvar em Peso (Número)
   • Altura (Número) → salvar em Altura (Número)
4. Próximo → Link para Preferências de Unidades (certifique-se de que o formulário atualize o Usuário Conectado antes de navegar)

Etapa 18: Criar Tela de Preferências de Unidades

1. Adicionar nova tela → Preferências de Unidades.
2. (Opcional) Texto "Etapa 2 de 3."
3. Formulário (Atualizar → Por fim, estabeleça um relacionamento Muitos-para-Um entre Mensagens e Usuários. Isso permite que um usuário crie múltiplas mensagens, enquanto cada mensagem está vinculada a um único autor. Você pode até definir o):
   • Unidades Preferidas (Controle Segmentado): Milhas / Quilômetros → Unidade Preferida
   • Privacidade Padrão de Corridas (Menu suspenso): Público / Apenas Amigos / Privado → Configuração de Privacidade
4. Próximo → Link para Ativar Localização; Voltar → Pesquisa de Boas-vindas

Etapa 19: Criar Tela de Permissão de Localização

1. Adicionar nova tela → Ativar Localização. (Etapa 3 de 3)
2. Explique por que a localização é necessária (rastreamento por GPS).
3. Ativar Localização → Solicitar permissão → Em caso de sucesso, Link para Início.
4. Pular por Enquanto → Link para Início.

Construindo o Painel de Controle Principal

Etapa 20: Criar Tela Principal de Início

1. Adicionar nova tela → Início.
2. Linha de Cabeçalho:
   • Avatar do usuário (Usuário Conectado → Foto de Perfil) → Link para Perfil
   • "Olá, {Primeiro Nome}" (use fórmula)
   • Data Atual (Texto Mágico → formatado)
3. Cartões de Estatísticas:
   • Distância desta Semana: Soma de Corridas.Distância onde Corredor = Usuário Conectado e data é esta semana
   • Total de Corridas: Contagem de Corridas onde Corredor = Usuário Conectado
   • Série Atual: Usuário Conectado → Sequência Atual
4. Início Rápido:
   • Iniciar Corrida (primário) → Rastreamento de Corrida
   • Escolher Rota (secundário) → Rotas Salvas
5. Cartão de Desafio Ativo (condicional):
   • Lista Personalizada: Desafios filtrados onde os participantes incluem o Usuário Conectado e Está Ativo = verdadeiro
   • Mostrar nome, barra de progresso (Progresso Atual / Valor da Meta), dias restantes
   • Clique → Detalhe do Desafio
6. Feed de Atividade Recente:
   • Lista Personalizada: Posts filtrados pela sua lógica de privacidade/amigos; classificar mais recentes primeiro (limite 5–10)
   • Mostrar autor, resumo, "há quanto tempo" → Clique → Detalhe do Post

Etapa 21: Construir Navegação Inferior

1. Adicione Barra de Abas com 5 abas:
   • Início → Início
   • Atividade → Minhas Corridas
   • Iniciar → Rastreamento de Corrida
   • Desafios → Desafios
   • Perfil → Perfil
2. Defina cores ativas/inativas para corresponder ao seu tema.

Criando a Experiência de Rastreamento de Corrida

Etapa 22: Construir Tela Pré-Corrida

Rastreamento de Corrida tela → mapa em tela cheia centralizado na localização atual; seletores para tipo de corrida/rota; alternância de treinador de áudio; Iniciar Corrida.

Etapa 23: Criar Tela de Corrida Ativa

Mapa + painel de estatísticas. Use Localização Atual do Dispositivo (Texto Mágico) + componente Timer para salvar coordenadas periodicamente (por exemplo, a cada 5–10 segundos) enquanto o aplicativo estiver aberto. Controles: Pausar, Terminar.

Etapa 24: Construir Tela de Corrida Pausada

Duplicar Corrida Ativa → mostrar estado pausado com Currículo, Terminar, Descartar.

Etapa 25: Criar Tela de Resumo de Corrida

Crie Execute e preencher: distância, duração, horários de início/fim, rota, ritmo, elevação.

Calorias Queimadas (com reconhecimento de unidade):

• Se quilômetros e quilogramas: Distância_km × Peso_kg × 1,0
• Se milhas e libras: Distância_mi × Peso_lb × 0,63

Adicione cartões de resumo, campos editáveis (tipo de corrida, sensação, notas, foto, privacidade). Salvar Corrida atualiza totais do usuário, verifica conquistas, publica se público.

Etapa 26: Criar Confirmação de Execução Salva

Tela de sucesso com novas conquistas (se houver) e ações rápidas (visualizar resumo completo / voltar para início).

Compilando Histórico de Execução e Análises

Etapa 27: Criar Tela Minhas Execuções

1. Nova tela → Minhas Execuções.
2. Filtros: Controle Segmentado (Todas / Esta Semana / Este Mês / Este Ano) → salvar em FilterPeriod; Menu suspenso para Classificação (Data, Distância, Duração, Ritmo) → SortBy.
3. Linha de Resumo: Distância Total, Total de Execuções, Ritmo Médio para o período selecionado.
4. Lista Personalizada: Execuções filtradas por Runner = Usuário Conectado + FilterPeriod; classificado por SortBy. Mostrar miniatura do mapa, data/hora, distância, duração, ritmo, tipo de execução, sensação → toque para Detalhes da Execução.

Etapa 28: Criar Tela de Detalhes da Execução

Cabeçalho com data/hora, Editar, Deletar; mapa grande; grade de estatísticas (distância/duração/ritmo médio/calorias/elevação/clima/temperatura/sensação/tipo de execução); gráfico de ritmo (opcional); notas; estatísticas sociais; compartilhar.

Etapa 29: Criar Tela de Estatísticas

Abas: Semana / Mês / Ano / Todo o Tempo → StatsPeriod. Cartões de Métricas (distância total, total de execuções, tempo total, execução mais longa, ritmo mais rápido, sequências). Gráfico de distância (barras), tendência de ritmo (linha), mapa de calor de atividade (opcional).

Guia de análises

Implementando Conquistas e Gamificação

Etapa 30: construir tela de realizações

Visão geral do progresso (crachás, pontos, próximo marco); abas (Todas, Distância, Frequência, Sequências, Velocidade, Especial); grade de cartões (estados bloqueado/desbloqueado com progresso/data).

Etapa 31: Criar Lógica de Conquistas

Adicione Ação Personalizada "Verificar Conquistas" ao salvar execução:

• Marcos de distância (totais de 5K, 10K, Meia, Maratona)
• Contagem de execuções (10/50/100/500)
• Sequências (7/30/100 dias)
• Velocidade (milha sub-6 min / km sub-5 min)
• Especial (execução noturna, madrugador, guerreiro de fim de semana)

Ao desbloquear: criar registro de conquista, atualizar pontos, criar publicação, mostrar celebração.

Etapa 32: Criar Tela de Desafios

1. Adicionar nova tela → Desafios.
2. Abas: Ativo / Disponível / Concluído → salvar em ChallengeTab.
3. Lista Personalizada: Desafios
   • Filtros:
     • Ativo: Data de Início ≤ agora E Data de Término ≥ agora E participantes incluem Usuário Conectado
     • Disponível: participantes não incluem Usuário Conectado (e opcionalmente Data de Início ≥ agora)
     • Concluído: (Data de Término < agora OU usuário atingiu meta) E participantes incluem Usuário Conectado
   • Classificação: Ativo por Data de Término asc; Disponível por Data de Início asc; Concluído por Data de Término desc
4. Layout do Cartão: Nome, descrição breve, tipo + meta, barra de progresso (por usuário calculado a partir de Execuções entre Início/Término), "Termina {data}".
5. Ações:
   • Participar do Desafio (Disponível): adicionar Usuário Conectado aos participantes → toast → atualizar → alternar aba para Ativo
   • Ver Detalhes (Ativo/Concluído): link para Detalhe do Desafio (enviar registro)
6. Estados vazios: Mensagens amigáveis para cada aba.

Passo 33: Criar tela de detalhe do desafio

1. Nova tela → Detalhe do desafio. (espera Desafio)
2. Cabeçalho: Imagem do distintivo de recompensa, nome, descrição, tipo/meta, intervalo de datas.
3. Progresso (por usuário):
   • Distância: soma de Runs.Distance dentro das datas do desafio
   • Duração: soma de Runs.Duration (segundos) dentro das datas
   • Frequência: contagem de Runs dentro das datas
   • Mostrar Anel de progresso + "{Atual} / {Meta}"
4. Placar (opcional): listar participantes com pontuação calculada; ordenar desc; mostrar classificação/avatar/nome/pontuação.
5. Botões (condicional):
   • Junte-se ao (se não for participante e antes do início) → adicionar aos participantes
   • Compartilhar progresso → folha de compartilhamento
   • Sair do desafio (opcional) → remover dos participantes
6. Bloco de dica: Esclareça que apenas execuções dentro das datas do desafio contam.

Criando recursos sociais

Passo 34: Criar tela do feed de atividades

1. Nova tela → Feed de atividades.
2. Abas: Seguindo / Amigos / Todos → FeedScope.
3. Lista Personalizada: Posts
   • Filtrar por escopo e privacidade (por exemplo, Seguindo = autores que você segue; Amigos = amizades aceitas; Todos = posts públicos)
   • Classificação: mais recentes primeiro
   • Layouts de itens:
     • Post de execução: miniatura do mapa + estatísticas
     • Conquista: distintivo + texto
     • Foto: imagem + legenda
     • Texto: corpo
   • Ações: Curtir (alternar em Curtidores + atualizar contagem de curtidas), Comentar (em Detalhe do Post), Compartilhar.

Passo 35: Criar tela de detalhe do post

1. Espera Postagem.
2. Cabeçalho: autor (foto/nome), há quanto tempo.
3. Corpo: renderizar por tipo (mapa + estatísticas / distintivo / imagem / texto).
4. Curtir: alternar Curtidores + atualizar contagem.
5. Comentários: lista de comentários para este post (mais antigo→mais recente).
6. Compositor: entrada de texto + Enviar → criar comentário (definir comentarista e post) + incrementar contagem.

Etapa 36: Criar Tela de Perfil do Usuário

Cabeçalho (foto, nome completo, nome de usuário, bio, Editar Perfil). Estatísticas (total de corridas, distância total, seguidores/seguindo se implementado). Vitrine de conquistas (lista horizontal → ver tudo). Grade/lista de atividades com alternância (filtrar tudo vs. público). Ações: Configurações, Estatísticas.

Etapa 37: Criar Tela de Perfil de Outro Usuário

Visualização somente pública; status de amizade (Adicionar / Pendente / Amigos), corridas/posts públicos, botão de mensagem opcional; respeitar configurações de privacidade.

Etapa 38: Criar Tela de Amigos

Abas para Amigos / Solicitações / Encontrar Amigos.

• Amigos: listar amizades aceitas; pesquisar; tocar para perfil.
• Solicitações: listar pendentes; aceitar/recusar.
• Encontrar Amigos: pesquisar por nome de usuário/nome; usuários sugeridos; botões de adicionar amigo.

Construindo Rotas e Navegação

Etapa 39: Criar Tela de Rotas Salvas

Filtros (Minhas Rotas / Rotas da Comunidade / Próximo). Lista personalizada de Rotas com visualização do mapa, nome, distância, dificuldade, superfície, vezes executadas, classificação média; alternância de favoritos; Criar Rota .

Etapa 40: Criar Tela de Detalhes da Rota

Mapa grande com rota completa; informações (distância/tempo estimado, dificuldade/superfície, elevação se disponível, criador); estatísticas (suas vezes executadas, melhor marca, estatísticas da comunidade); ações (Iniciar Esta Rota, Salvar nos Favoritos, Compartilhar, Reportar Problema).

Etapa 41: Criar Tela de Criador de Rota

Objetivo: Permitir que os usuários construam uma rota amostrando GPS atual ou adicionando pontos manualmente, depois salvem um registro de Rotas com um array JSON de coordenadas.

A. (Opcional) Coleta de Pontos de Rascunho
Criar Pontos de Rota (Rascunho) com Latitude (Número), Longitude (Número), Ordem (Número), Proprietário → Usuários, Criado Em.

B. Tela e Mapa
Nova tela Criar Rota. Adicione Mapas centrado na localização atual. Marcadores vinculados a Pontos de Rota (Rascunho) filtrados por Proprietário = Usuário Conectado (ordenados por Ordem). (Se suportado, desenhar polilinha.)

C. Controles

• Adicionar Ponto Atual: Criar Pontos de Rota (Rascunho) com lat/lng atual e Ordem = máximo + 1.
• Desfazer: Deletar o ponto de rascunho mais recente.
• Limpar: Deletar todos os pontos de rascunho deste proprietário.

D. Formulário de Detalhes da Rota
Nome (obrigatório), Descrição, Dificuldade, Tipo de Superfície, Foto.

E. Distância e JSON de Coordenadas

• Solicitar ao usuário a distância ou calcular via uma Ação Personalizada (Haversine/terceiros).
• Construir JSON de Coordenadas a partir de pontos de rascunho ordenados: [{"lat": <Lat1>, "lng": <Lng1>}, {"lat": <Lat2>, "lng": <Lng2>}, ...] (via Ação Personalizada ou padrão de concatenação).

F. Salvar Rota (botão)
Validar ≥ 2 pontos e nome presente → Criar Rotas com:

• Nome da Rota, Descrição, Dificuldade, Tipo de Superfície, Foto da Rota, Criador = Usuário Conectado
• Distância = computada ou manual
• Coordenadas = string JSON
• Ponto de Início = primeiro ponto; Ponto de Fim = último ponto

Depois excluir todos os pontos de rascunho para este proprietário e link para Detalhes da Rota (enviar registro).

Adicionando Áudio de Coaching e Orientação

Etapa 42: Implementar Indicações de Áudio

O Adalo não inclui um componente de TTS próprio. Adicione TTS via um componente do Marketplace de terceiros, um serviço externo ou a Web Speech API (web). Como alternativa, pré-grave indicações de áudio para marcos/ritmo/chegada e acione com base em alterações de distância/tempo/ritmo. Forneça Configurações de Áudio (ativar, frequência, volume). Implementando Recursos de Privacidade e Segurança

Etapa 43: Criar Configurações de Privacidade

Privacidade padrão de postagem, alternâncias de visibilidade do perfil, compartilhamento de atividades (compartilhamento automático de corridas; mostrar localização em tempo real para amigos; permitir salvamento de rotas),

Privacidade de Localização (desfocar início/fim), lista de usuários bloqueados. Considerações de privacidade

Etapa 44: Criar Recursos de Segurança

Contato de emergência; alternância opcional (compartilhar localização durante corridas enquanto o aplicativo está aberto); "Correr com Outros" (corrida de grupo virtual com localizações permitidas).

Construindo Configurações e Preferências Beacon Etapa 45: Criar Tela de Configurações

Seções para

Preferências do Aplicativo

(unidades, treinador de áudio, tema), Conta, Privacidade e Segurança Dados e Armazenamento (exportar corridas),, Ações da Conta Etapa 46: Criar Configurações de Notificações Suporte, Alternâncias para atividade, desafios, conquistas, notificações sociais e motivacionais..

Etapa 47: Criar Dados de Teste

Alimentar múltiplos usuários, corridas/rotas diversas, amizades e desafios.

Testando Seu Aplicativo

Etapa 48: Testar Fluxos de Usuário Principais

Integração → gravação de corrida (iniciar/pausar/retomar/finalizar) → interações sociais → conquistas → controles de privacidade.

Etapa 49: Testar em Dispositivos

Use aplicativos de visualização do Adalo em iOS/Android; teste o comportamento do GPS

com o aplicativo aberto

, notificações, offline e responsividade web. O rastreamento em segundo plano/contínuo é limitado em comparação com builds nativos personalizados. Etapa 50: Testes de DesempenhoConjuntos de dados maiores (100+ corridas, 50+ amigos), tempos de carregamento, renderização de mapas, filtragem de listas, corridas longas, GPS fraco, quedas de rede. Otimize listas, imagens e consultas. Use

para identificar problemas de desempenho antes que afetem os usuários — destaca gargalos em suas consultas de banco de dados e configurações de componentes.

Preparando para o Lançamento X-Ray Etapa 51: Configurar Integrações de Produção

Google Maps API:

alternar para chave de produção, definir cotas/alertas, ativar apenas as APIs que você usa (Google Maps JS obrigatório para web; Geocodificação/Matriz de Distância opcional).

rastrear inscrições, corridas, conquistas, interações sociais. Push:

Análises: configure iOS/Android e teste a entrega.

Etapa 52: Criar Ativos da App Store configure iOS/Android e testar entrega.

Etapa 52: Criar Ativos da App Store

App Store do iOS:

• Fornecer obrigatório 6,7 polegadas (p. ex., 1290 × 2796) e 5,5 polegadas (1242 × 2208) capturas de tela; adicionar iPad se aplicável
• Ícone do aplicativo (1024 × 1024), vídeos de visualização opcionais, descrição/palavras-chave, URL da política de privacidade, URL de suporte
• Sempre verifique as especificações atuais da Apple antes do envio

Google Play:

• PNG/JPG entre 320 px e 3840 px, proporção de aspecto 1:2 a 2:1
• Forneça pelo menos 3 capturas de tela do telefone; adicione capturas de tela do tablet se otimizado
• Gráfico em destaque (1024 × 500), ícone do aplicativo (512 × 512), vídeo promocional (opcional), descrições, classificação de conteúdo

Etapa 53: Preparar Requisitos Legais

Política de Privacidade (uso de dados, GPS, terceiros), Termos de Serviço, links em Configurações/inscrição/rodapé da web.

Etapa 54: Publicação em Lojas de Aplicativos

• iOS: Apple Developer ($99/ano). No Adalo, , informações completas, carregue certificados, crie e envie via App Store Connect. Publicar → iOS, informações completas, carregue certificados, crie e envie via App Store Connect.
• Android: Google Play Developer ($25 único). No Adalo, , crie AAB e carregue via Play Console. Publicar → Android, crie AAB e carregue via Play Console.
• Web: Publicar → Aplicativo Web, escolha domínio ou domínio personalizado (plano pago), DNS + SSL.

Os tempos de revisão variam; planeje vários dias e possíveis iterações.

Visão geral de publicação

Otimização Pós-Lançamento

Etapa 55: Monitorar Métricas-Chave

Aquisição (inscrições, conclusão da integração), engajamento (DAU/MAU, execuções por semana), retenção (D1/D7/D30), social (conexões, postagens, engajamento), técnico (travamentos, problemas de GPS, tempos de carregamento, uso da API).

Etapa 56: Coletar Feedback do Usuário

Formulários no aplicativo, análises da loja, análise de análises, entrevistas com usuários.

Etapa 57: Iterar e Melhorar

Desempenho (consultas, imagens, paginação), recursos (planos de treinamento, RH, música, clima, intervalos), social (desafios em grupo, corridas virtuais, clubes, mensagens), personalização (painel de controle, objetivos, dicas de coaching). Use Magic Add para descrever novos recursos que você deseja—ele gera as alterações de banco de dados, telas e lógica automaticamente.

Limitações da Plataforma e Soluções Alternativas

GPS e Limites de Segundo Plano

• Adalo pode capturar a localização atual do dispositivo e salvar pontos em um cronômetro enquanto o aplicativo está aberto.
• GPS contínuo/em segundo plano quando o aplicativo está fechado ou a tela está bloqueada é limitado; defina expectativas adequadamente e mantenha os usuários informados.

Mapas e Roteamento

• Use o Mapas componente para visualizar rotas a partir de coordenadas salvas.
• Navegação passo a passo, mapas offline ou roteamento automático requerem um serviço externo chamado via Ações Personalizadas.

Social em Tempo Real e Presença ao Vivo

• Não há soquetes nativos para feeds ao vivo. Para presença "agora em execução" ou placares ao vivo, use polling baseado em temporizador ou conecte um backend em tempo real externo via Ações Personalizadas/Coleções Externas.

Desempenho em Escala

• Mantenha listas enxutas, ative carregamento progressivo e evite listas dentro de listas.
• Para grandes conjuntos de dados (muitas execuções, postagens ou amigos), mova dados para Coleções Externas e siga Otimize o desempenho orientação.
• A infraestrutura modular do Adalo 3.0 (lançada no final de 2025) é 3-4x mais rápida do que versões anteriores e dimensiona com as necessidades do seu app—sem limites arbitrários de registros em planos pagos.

Notificações

• O Push funciona para usuários instalados, conectados que concederam permissões.
• Crie disparadores para novas execuções, comentários, desafios e lembretes de sequências.

Análise de Custos e Recursos

Assinatura Adalo

• Os planos começam em $36/mês com uso ilimitado e publicação na loja de apps—sem cobranças baseadas em uso ou contas surpresa.
• Verifique os recursos/limites do plano atual na página ao vivo o preço página.

Lojas de Apps

• Apple Developer: $99/ano.
• Google Play Developer: $25 único.

Uso de Mapas

• Google Maps Platform inclui um crédito gratuito de $250/mensais; muitos apps pequenos permanecem dentro da camada gratuita. Os custos reais dependem do uso.

Monetização Opcional (Pagamentos/Assinaturas)

• Adicione pagamentos ou assinaturas com os Stripe componentes do Adalo. O preço varia por país e método de pagamento (gerencie o status via webhooks/automações do Stripe).

Manutenção Contínua

• Muitos times orçam ~15–25% anualmente do esforço inicial para manutenção, atualizações e suporte.

Recursos Adicionais

• Banco de Dados Adalo — coleções, propriedades, relacionamentos
• Coleções Externas — conectar APIs externas
• Ações Personalizadas — chamar endpoints de terceiros
• Otimize o desempenho — listas, imagens, estratégia de dados
• Configuração de Mapas — componente e chave de API
• Notificações Push — disparadores e requisitos
• Marketplace de Componentes — gráficos, áudio, compartilhamento, etc.
• Visão geral de publicação — iOS/Android/Web
• Preços — detalhes do plano

Observação: Esta construção estilo Nike Run Club abrange Registro de corrida por GPS (enquanto o app está aberto), histórico de treinos, conquistas/desafios, e compartilhamento social com componentes nativos do Adalo mais integrações leves de API. Para recursos de nível de produção como rastreamento em segundo plano, navegação passo a passo, ou presença ao vivo, conecte serviços externos via Ações Personalizadas/Coleções Externas, mantenha listas enxutas e teste o desempenho em dispositivos reais antes de publicar.

Perguntas Frequentes

Por que escolher Adalo em vez de outras soluções de construção de aplicativos?

O Adalo é um construtor de apps alimentado por IA que cria verdadeiros apps iOS e Android nativos. Ao contrário de wrappers web, ele compila para código nativo e publica diretamente na Apple App Store e Google Play Store a partir de uma única base de código — a parte mais difícil do lançamento de um app é feita automaticamente. Os planos pagos incluem registros ilimitados de banco de dados e sem cobranças baseadas em uso.

Qual é a forma mais rápida de construir e publicar um aplicativo na App Store?

A interface de arrastar e soltar do Adalo e a construção assistida por IA permitem que você vá de uma ideia para um aplicativo publicado em dias em vez de meses. O Magic Start gera fundações de aplicativos completas a partir de descrições, e Adalo cuida do processo complexo de envio da App Store para que você possa focar em recursos e experiência do usuário.

Posso criar um app de rastreamento de fitness com GPS e recursos sociais sem programar?

Sim. O Adalo inclui componentes do marketplace para mapas, cronômetros e gráficos, além de serviços de localização nativos que capturam dados de GPS enquanto o app está aberto. Você pode criar registro de treinos, badges de conquista, feeds sociais e desafios comunitários inteiramente através do construtor visual.

O Adalo suporta notificações push para recursos de app de fitness?

Sim, o Adalo oferece suporte completo para notificações push para apps nativos iOS e Android. Você pode criar disparadores para conclusões de corridas, atualizações de desafios, lembretes de sequências, desbloqueios de conquistas e interações sociais para manter os usuários engajados.

Quais são as limitações do rastreamento de GPS no Adalo?

O Adalo captura a localização atual do dispositivo e salva pontos de GPS em um cronômetro enquanto o app está aberto, o que funciona bem para rastreamento de corridas. O rastreamento contínuo de GPS em segundo plano quando o app está fechado ou a tela está bloqueada é limitado em comparação com construções nativas personalizadas. Para rastreamento de fundo de nível de produção, conecte serviços externos via Ações Personalizadas.

Quanto custa criar e publicar um app de fitness com o Adalo?

Os planos do Adalo começam em $36/mês com uso ilimitado e publicação na loja de apps. Adicione Apple Developer Program ($99/ano) e Google Play Developer ($25 único). O Google Maps Platform inclui um crédito gratuito de $250/mês que cobre muitos apps pequenos. Sem cobranças surpresa baseadas em uso.

Posso adicionar recursos de gamificação como conquistas e desafios?

Sim. Crie coleções de banco de dados para conquistas e desafios, ações personalizadas para verificar marcos quando as corridas são salvas e recursos sociais para compartilhar realizações. Construa marcos de distância, recompensas de sequência, conquistas de velocidade e desafios comunitários com placares—tudo sem código.

Quanto tempo leva para criar um app de rastreamento de fitness?

Com o Magic Start gerando a base do seu app e o construtor visual cuidando das telas e da lógica, você pode ter um protótipo funcional em dias. Um app completo com rastreamento de GPS, recursos sociais e conquistas normalmente leva 2-4 semanas dependendo da complexidade e testes.

Preciso de experiência em programação para construir este app?

Sem código necessário. O construtor visual do Adalo usa componentes de arrastar e soltar, e o Magic Add permite que você descreva recursos em linguagem natural para gerar mudanças de banco de dados e telas automaticamente. A plataforma lida com a complexidade técnica.

Meu app de fitness pode dimensionar para milhares de usuários?

Sim. A infraestrutura modular do Adalo 3.0 (lançada no final de 2025) é 3-4x mais rápida do que versões anteriores e dimensiona para atender apps com milhões de usuários ativos mensais. Os planos pagos não têm limites de registros de banco de dados, então seu app não vai bater em limites de armazenamento conforme sua base de usuários cresce.