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

Construir um aplicativo de rastreamento de fitness como 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 nativa de dispositivos—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 sempre se colocou entre a ideia e a execução.

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

Por que Adalo Funciona para Construir um Aplicativo de Rastreamento de Corridas

Adalo é um construtor de aplicativos sem código para aplicativos web orientados por banco de dados e aplicativos iOS e Android nativos—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 aplicativo de fitness no estilo Nike Run Club que requer arquitetura de banco de dados robusta para rastrear corridas, armazenar estatísticas de usuários e gerenciar recursos sociais—enquanto oferece a experiência móvel nativa que os corredores esperam.

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

Construir um aplicativo de rastreamento de fitness como 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 nativa de dispositivos—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 sempre se colocou entre a ideia e a execução.

Adalo, um construtor de aplicativos com inteligência artificial, muda completamente essa equação. Ele cria aplicativos web orientados por banco de dados e aplicativos iOS e Android nativos 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 lançamento na Apple App Store e Google Play em dias em vez de meses. Este tutorial mostrará como aproveitar essas capacidades para criar seu próprio aplicativo de rastreamento de corrida totalmente funcional, completo com integração GPS, recursos sociais e medalhas de conquista—tudo sem escrever uma única linha de código.

Por que Adalo Funciona para Construir um Aplicativo de Rastreamento de Fitness

Para um aplicativo de rastreamento de fitness, a distribuição de aplicativos nativos é 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 captura cada quilômetro.

Adalo oferece essa experiência polida e nativa com uma vantagem crítica: uma construção publica na web, na Apple App Store e na Android Play Store simultaneamente. Ao contrário de plataformas que envolvem aplicativos web em um shell móvel (introduzindo latência e problemas de desempenho sob carga), Adalo compila para código nativo verdadeiro. A infraestrutura modular da plataforma dimensiona para servir aplicativos com milhões de usuários ativos mensais, sem teto superior—e os planos pagos incluem registros de banco de dados ilimitados, então seu aplicativo não enfrentará limites de armazenamento conforme sua base de usuários cresce.

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

Magic Start pode gerar a base do seu aplicativo a partir de uma descrição simples. Diga que você precisa de um aplicativo de rastreamento de fitness com registro GPS, recursos sociais e medalhas 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 agora acontece em minutos. Vamos construir seu aplicativo de fitness do zero.

Pré-requisitos e Configuração Inicial

Etapa 1: Crie sua Conta Adalo e Aplicativo

1. Conecte-se com um Adalo.com e inscreva-se para uma conta gratuita
2. Clique em "Criar Novo Aplicativo" no seu painel
3. Selecione "Aplicativo Móvel" (otimizado para rastreamento de fitness em movimento)
4. Nomeie seu aplicativo (por exemplo, "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: Configure o Tema do Seu Aplicativo

1. Selecione uma cor de marca primária (tons ousados e energéticos funcionam bem para aplicativos 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 apps

Etapa 3: Configurar Configurações de Plataforma

1. Navegue até Configurações na barra lateral esquerda
2. Em painel Definições do Aplicativo, configure:
   • Nome e Ícone do Aplicativo
   • Tela de Inicialização (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 espinha dorsal do seu aplicativo de fitness. Com o sem limites de registros em planos pagos, você pode armazenar anos de histórico de corridas, milhares de rotas e interações sociais ilimitadas sem se preocupar em atingir limites de armazenamento.

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

1. Clique no botão Banco de Dados ícone na barra lateral esquerda
2. Selecione a coleção "Usuários" pré-existente
3. Adicione estas propriedades (clique em "+ Adicionar Propriedade" para cada):
   • Nome Completo (Texto)
   • Foto de Perfil (Imagem)
   • Nome de usuário (Texto – Único)
   • Bio (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 acumulado)
   • Total de Corridas (Número)
   • Duração Total (Número – em minutos)
   • Membro Desde (Data – Automática no cadastro)
   • Sequência Atual (Número – dias consecutivos)
   • Maior Sequência (Número)
   • Configuração de Privacidade (Texto – Valores: "Público", "Apenas Amigos", "Privado")

Saiba mais sobre bancos de dados

Etapa 5: Criar a Coleção de Corridas

1. Clique em + Adicionar Coleção
2. Nomeie-a "Corridas"
3. Adicione essas propriedades:
   • ID da Execução (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 – sequência JSON de coordenadas)
   • Local de Início (Localização)
   • Local de Término (Localização)
   • Condições Meteorológicas (Texto)
   • Temperatura (Número)
   • Tipo de Execução (Texto – Valores: "Execução Fácil", "Execução Longa", "Trabalho de Velocidade", "Recuperação", "Corrida")
   • Observações (Texto – Multilinha)
   • Sensação (Texto – Valores: "Ótimo", "Bom", "OK", "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. Adicionar 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 (Localização)
   • Ponto Final (Localização)
   • 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 "Realizações"
3. Adicionar propriedades:
   • Nome da Conquista (Texto)
   • Descrição (Texto)
   • Ícone do Distintivo (Imagem)
   • Tipo de Critério (Texto – Valores: "Distância", "Execuções", "Sequência", "Velocidade", "Especial")
   • Valor do Critério (Número)
   • Pontos (Número)
   • Data de Obtenção (Data e hora)
   • É Desbloqueada (Verdadeiro/Falso)

Etapa 8: Criar a Coleção de Desafios

1. Clique em + Adicionar Coleção
2. Nomeie como "Desafios"
3. Adicionar 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)
   • É Concluído (Verdadeiro/Falso)
   • Emblema de Recompensa (Imagem)

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

1. Clique em + Adicionar Coleção
2. Chame de "Posts"
3. Adicionar propriedades:
   • Tipo de Post (Texto – Valores: "Execução Concluída", "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 como "Comentários"
3. Adicionar 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. Chame de "Amizades"
3. Adicionar 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 Execuções coleção:
   • Adicionar relacionamento aos Usuários: "Corredor" (Um Usuário pode ter muitas Execuções)
   • Adicionar relacionamento aos Trajetos: Muitos-para-Um (rota salva opcional)
   • Adicionar relacionamento aos Posts: Um-para-Um (execução compartilhada automaticamente)
2. Em Trajetos coleção:
   • Adicionar relacionamento aos Usuários: "Criador" (Muitos-para-Um)
   • Adicionar relacionamento às Execuções: Um-para-Muitos
3. Em Conquistas coleção:
   • Adicionar relacionamento aos Usuários: Muitos-para-Muitos (usuários podem ter muitas conquistas)
4. Em Desafios coleção:
   • Adicionar relacionamento aos Usuários: Muitos-para-Muitos (participantes)
5. Em Posts coleção:
   • Adicionar relacionamento aos Usuários: "Autor" (Muitos-para-Um)
   • Adicionar relacionamento às Execuções: Um-para-Um (se post de execução)
   • Adicionar relacionamento aos Usuários: "Que Curtem" (Muitos-para-Muitos)
   • Adicionar relacionamento com Comentários: Um-para-Muitos
6. Em Comentários coleção:
   • Adicionar relacionamento aos Posts: Muitos-para-Um
   • Adicionar relacionamento aos Usuários: "Comentarista" (Muitos-para-Um)
7. Em Amizades coleção:
   • Adicionar relacionamento aos Usuários: "Solicitante" (Muitos-para-Um)
   • Adicionar relacionamento aos 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 Adalo
2. Instale:
   • Componente de Mapas (para visualização de trajeto)
   • Cronômetro (para cronometrar a execução e disparar salvamentos periódicos de localização)
3. Chave da API Google Maps para mapas web:
   • Visite o Google Cloud Console para criar uma chave de API
   • No mínimo, habilitar API de Geocodificação para mapas web
   • Ativar Geocodificação apenas se você precisar de pesquisas 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 mensal de $250; muitos aplicativos pequenos permanecem na camada gratuita
4. No Adalo: cole sua chave de API em Configurações → Integrações

Etapa 14: Instalar Componentes Adicionais

1. Volte para Marketplace
2. Instale:
   • Gráfico/Tabela (para visualização de estatísticas)
   • Reprodutor de Áudio (para dicas de treinamento)
   • Depois que você tiver confiança de que o app funciona bem no modo Preview, passe para a otimização de seu banco de dados e tempos de carregamento. (compartilhamento em redes sociais)

Explorar marketplace

Criando Autenticação de Usuário e Onboarding

Passo 15: Crie a Tela de Boas-vindas

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

Passo 16: Crie a Tela de Cadastro

1. Adicionar tela "Inscrever-se"
2. Formulário (Usuários): Email, Senha, Confirmar, Nome Completo
3. Seletor de Imagem para Foto de Perfil (opcional)
4. Criar Conta → Inscrever-se, 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-a Pesquisa de Boas-vindas.
2. (Opcional) Adicionar texto estático "Etapa 1 de 3."
3. Formulário (Atualizar → Por fim, estabeleça um relacionamento Many-to-One 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 Distância, Manter-se Ativo, Treinar para Evento → salvar em Objetivo (Texto)
   • Frequência (Menu suspenso): Novo em Corrida, 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 Unidade (certifique-se de que o formulário atualize o Usuário Conectado antes de navegar)

Etapa 18: Criar Tela de Preferências de Unidade

1. Adicionar nova tela → Preferências de Unidade.
2. (Opcional) Texto "Etapa 2 de 3."
3. Formulário (Atualizar → Por fim, estabeleça um relacionamento Many-to-One 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 Corrida (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. Explicar por que a localização é necessária (rastreamento por GPS).
3. Ativar Localização → Solicitar permissão → Se bem-sucedido, Link para Início.
4. Pular por Enquanto → Link para Início.

Criando o Painel de Início

Etapa 20: Criar Tela de Início Principal

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 Runs.Distance onde Runner = Usuário Conectado e data é esta semana
   • Total de Corridas: Contagem de Runs onde Runner = Usuário Conectado
   • Série Atual: Usuário Conectado → Série Atual
4. Início Rápido:
   • Iniciar Corrida (primária) → Rastreamento de Corrida
   • Escolher Rota (secundária) → Rotas Salvas
5. Cartão de Desafio Ativo (condicional):
   • Lista Personalizada: Desafios filtrados onde participantes incluem 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 por sua lógica de privacidade/amigos; ordenar mais recente primeiro (limite 5–10)
   • Mostrar autor, resumo, "há quanto tempo" → Clique → Detalhe da Postagem

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 do 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) + Cronômetro para salvar coordenadas periodicamente (por exemplo, a cada 5–10 segundos) enquanto o aplicativo está aberto. Controles: Pausar, Encerrar.

Etapa 24: Construir Tela de Corrida Pausada

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

Etapa 25: Criar Tela de Resumo da Corrida

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

Calorias Queimadas (com suporte a unidades):

• Se quilômetros e quilogramas: Distance_km × Weight_kg × 1.0
• Se milhas e libras: Distance_mi × Weight_lb × 0.63

Adicionar 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 Corrida Salva

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

Construindo Histórico de Corridas e Análises

Etapa 27: Criar Tela Minhas Corridas

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

Etapa 28: Criar Tela de Detalhe da Corrida

Cabeçalho com data/hora, Editar, Exclusão; mapa grande; grade de estatísticas (distância/duração/ritmo médio/calorias/elevação/clima/temperatura/sensação/tipo de corrida); 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 corridas, tempo total, corrida 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: Criar Tela de Conquistas

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

Etapa 31: Criar Lógica de Conquistas

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

• Marcos de distância (5K, 10K, Meia, Maratona totais)
• Contagem de corridas (10/50/100/500)
• Sequências (7/30/100 dias)
• Velocidade (menos de 6 min/milha / menos de 5 min/km)
• Especiais (corrida noturna, madrugada, guerreiro de fim de semana)

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

Etapa 32: Criar Tela de Desafios

1. Adicionar nova tela → Desafios.
2. Abas: Ativos / Disponíveis / Concluídos → salvar em ChallengeTab.
3. Lista Personalizada: Desafios
   • Filtros:
     • Ativos: Data de Início ≤ agora E Data de Fim ≥ agora E participantes incluem Usuário Conectado
     • Disponíveis: 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
   • Ordenar: 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 de Cartão: Nome, descrição breve, tipo + meta, barra de progresso (calculado por usuário a partir de Corridas entre Início/Término), "Termina em {data}".
5. Ações:
   • Participar do Desafio (Disponível): adicionar Usuário Conectado aos participantes → notificação → atualizar → alternar aba para Ativo
   • Visualizar 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 de badge de recompensa, nome, descrição, tipo/meta, intervalo de datas.
3. Progresso (por usuário):
   • Distância: soma de Corridas.Distância dentro das datas do desafio
   • Duração: soma de Corridas.Duração (segundos) dentro das datas
   • Frequência: contagem de Corridas 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 a (se não é 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: Esclarecer que apenas corridas dentro das datas do desafio contam.

Criando Recursos Sociais

Passo 34: Construir Tela de Feed de Atividade

1. Nova tela → Feed de Atividade.
2. Abas: Seguindo / Amigos / Todos → EscopoFeed.
3. Lista Personalizada: Posts
   • Filtrar por escopo e privacidade (por exemplo, Seguindo = autores que você segue; Amigos = amizades aceitas; Todos = posts públicos)
   • Ordenar: mais recente primeiro
   • Layouts de item:
     • Post de corrida: miniatura de mapa + estatísticas
     • Realização: badge + texto
     • Foto: imagem + legenda
     • Texto: corpo
   • Ações: Gostar (alternar em Curtidores + atualizar Contagem de Curtidas), Comentar (para Detalhe da Postagem), Compartilhar.

Etapa 35: Criar Tela de Detalhes da Postagem

1. Espera Publique.
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 esta postagem (mais antigos→mais recentes).
6. Compositor: entrada de texto + Enviar → criar comentário (definir comentarista e postagem) + incrementar contagem.

Etapa 36: Criar Tela de Perfil do Usuário

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

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

Visualização apenas pública; status de amigo (Adicionar / Pendente / Amigos), corridas/postagens públicas, 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 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 de mapa, nome, distância, dificuldade, superfície, vezes executadas, classificação média; alternância de favorito; 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, PB, estatísticas da comunidade); ações (Iniciar Esta Rota, Salvar nos Favoritos, Compartilhar, Relatar Problema).

Etapa 41: Criar Tela de Criador de Rotas

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 centralizado na localização atual. Marcadores vinculados a Pontos de Rota (Rascunho) filtrados por Proprietário = Usuário Conectado (ordenado por Ordem). (Se suportado, desenhar polilinha.)

C. Controles

• Adicionar Ponto Atual: Criar Pontos de Rota (Rascunho) com lat/lng atual e Ordem = máx + 1.
• Desfazer: Excluir ponto de rascunho mais recente.
• Limpar: Excluir todos os pontos de rascunho para este 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 distância ao usuário 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 = calculada ou manual
• Coordenadas = string JSON
• Ponto de Partida = primeiro ponto; Ponto Final = último ponto

Em seguida deletar todos os pontos de rascunho para este proprietário e link para Detalhe da Rota (enviar registro).

Adicionando Coaching de Áudio e Orientação

Etapa 42: Implementar Sinais de Áudio

Adalo não inclui um componente de TTS de primeira parte. Adicionar TTS via um componente do Marketplace de terceiros, um serviço externo ou a Web Speech API (web). Alternativamente, pré-gravar sinais de áudio para marcos/ritmo/término e acionar com base em alterações de distância/tempo/ritmo. Fornecer Componente TTS. Adicione TTS através de um componente de Marketplace de terceiros, um serviço externo ou a API Web Speech (web). Alternativamente, pré-grave sinais de áudio para marcos/ritmo/conclusão e dispare 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

Alternâncias de privacidade de postagem padrão, visibilidade de perfil, compartilhamento de atividade (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 Beacon opcional (compartilhar localização durante corridas enquanto o aplicativo está aberto); "Correr com Outros" (corrida em grupo virtual com localizações permitidas).

Construindo Configurações e Preferências

Etapa 45: Criar Tela de Configurações

Seções para Conta, Preferências do Aplicativo (unidades, treinador de áudio, tema), Privacidade e Segurança, Dados e Armazenamento (exportar corridas), Suporte, Ações da Conta.

Etapa 46: Criar Configurações de Notificações

Alternâncias para atividade, desafios, conquistas, social, notificações motivacionais.

Testando Seu Aplicativo

Etapa 47: Criar Dados de Teste

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

Etapa 48: Testar Fluxos de Usuário Principais

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

Etapa 49: Testar em Vários Dispositivos

Use aplicativos de visualização Adalo em iOS/Android; teste comportamento de GPS com o aplicativo aberto, notificações, offline e responsividade da web. O rastreamento em segundo plano/contínuo é limitado em comparação com builds nativos personalizados.

Etapa 50: Testes de Desempenho

Conjuntos de dados maiores (100+ execuções, 50+ amigos), tempos de carregamento, renderização de mapa, filtragem de lista, execuções longas, GPS fraco, quedas de rede. Otimize listas, imagens e consultas. Use X-Ray para identificar problemas de desempenho antes que afetem os usuários—destaca gargalos nas suas consultas de banco de dados e configurações de componentes.

Preparando-se para o Lançamento

Etapa 51: Configurar Integrações de Produção

Google Maps API: mude para chave de produção, defina cotas/alertas, ative apenas as APIs que você usa (Maps JS obrigatório para web; Geocoding/Distance Matrix opcional).

Análises: rastreie inscrições, execuções, conquistas, interações sociais.

Push: configure iOS/Android e teste a entrega.

Etapa 52: Criar Ativos da App Store

App Store do iOS:

• Forneça obrigatórios 6,7 polegadas (por exemplo, 1290 × 2796) e 5,5 polegadas (1242 × 2208) capturas de tela; adicione 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 de telefone; adicione capturas de tela de 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 App Stores

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

Os tempos de análise variam; planeje para vários dias e possíveis iterações.

Visão geral da publicação

Otimização Pós-Lançamento

Etapa 55: Monitorar Métricas-Chave

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

Etapa 56: Coletar Feedback do Usuário

Formulários no aplicativo, avaliações da loja, revisão de análises, entrevistas com usuários.

Etapa 57: Iterar e Melhorar

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

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

GPS e Limites de Fundo

• Adalo pode capturar o local atual do dispositivo e salvar pontos em um temporizador enquanto o aplicativo está aberto.
• GPS contínuo/de fundo 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.

Redes Sociais em Tempo Real e Presença Ativa

• Não há sockets nativos para feeds ao vivo. Para presença "em execução agora" ou placar em tempo real, use pesquisa baseada 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 corridas, posts 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-4 vezes mais rápido do que versões anteriores e escala com as necessidades do seu aplicativo — sem limites arbitrários de registros em planos pagos.

Notificações

• Push funciona para usuários instalados, logados que concederam permissões.
• Crie acionadores para novas corridas, comentários, desafios e lembretes de sequência.

Análise de Custos e Recursos

Assinatura Adalo

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

App Stores

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

Uso de Mapas

• Google Maps Platform inclui um crédito gratuito mensal de $250; muitos aplicativos pequenos permanecem na camada gratuita. Os custos reais dependem do uso.

Monetização Opcional (Pagamentos/Assinaturas)

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

Manutenção Contínua

• Muitas equipes orçam ~15–25% anualmente de 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 — acionadores e requisitos
• Marketplace de Componentes — gráficos, áudio, compartilhamento, etc.
• Visão geral da publicação — iOS/Android/Web
• Preços — detalhes do plano

Nota: Esta compilação no estilo Nike Run Club abrange Registro de corrida com GPS (enquanto o aplicativo está aberto), histórico de exercícios, realizações/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?

Adalo é um construtor de aplicativos alimentado por IA que cria verdadeiros aplicativos nativos iOS e Android. Ao contrário de wrappers da web, ele compila para código nativo e publica diretamente em ambas a Apple App Store e Google Play Store a partir de uma única base de código—a parte mais difícil de lançar um aplicativo tratada automaticamente. Os planos pagos incluem registros de banco de dados ilimitados 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 ideia a aplicativo publicado em dias em vez de meses. Magic Start gera fundações completas de aplicativos a partir de descrições, e Adalo cuida do complexo processo de envio da App Store para que você possa se concentrar em recursos e experiência do usuário.

Posso criar um aplicativo de rastreamento de fitness com GPS e recursos sociais sem codificação?

Sim. O Adalo inclui componentes do marketplace para mapas, temporizadores e gráficos, além de serviços de localização nativos que capturam dados de GPS enquanto o aplicativo está aberto. Você pode criar registro de exercícios, badges de realizações, feeds sociais e desafios comunitários inteiramente através do construtor visual.

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

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

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

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

Quanto custa construir e publicar um aplicativo de fitness com Adalo?

Os planos Adalo começam em $36/mês com uso ilimitado e publicação na loja de aplicativos. Adicione Apple Developer Program ($99/ano) e Google Play Developer ($25 único). Google Maps Platform inclui um crédito gratuito de $250/mês que cobre muitos aplicativos 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 classificações — tudo sem código.

Quanto tempo leva para construir um aplicativo de rastreamento de fitness?

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

Preciso ter experiência em programação para criar este aplicativo?

Nenhuma codificação necessária. O construtor visual do Adalo usa componentes de arrastar e soltar, e o Magic Add permite descrever recursos em linguagem natural para gerar automaticamente alterações de banco de dados e telas. A plataforma lida com a complexidade técnica.

Meu aplicativo de fitness pode escalar para milhares de usuários?

Sim. A infraestrutura modular do Adalo 3.0 (lançada no final de 2025) é 3-4x mais rápida que versões anteriores e escala para servir aplicativos 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 aplicativo não enfrentará paredes de armazenamento conforme sua base de usuários cresce.