Actualizado 19 de febrero de 2026

Guía Paso a Paso: Crear un Clon de Nike Run Club con Adalo

Tabla de Contenidos
Enlace de Texto

Construir una aplicación de seguimiento de fitness como Nike Run Club parece un proyecto reservado para equipos de desarrollo bien financiados con meses de codificación por delante. Características como seguimiento GPS en tiempo real, registro de entrenamientos, sistemas de logros y desafíos sociales requieren arquitectura de base de datos compleja e integración nativa de dispositivos, demandando tradicionalmente experiencia en múltiples lenguajes de programación y plataformas. Para emprendedores y entusiastas del fitness con una visión pero sin experiencia en codificación, esta barrera técnica ha estado durante mucho tiempo entre la idea y la ejecución.

Aquí es donde Adalo cambia la ecuación completamente. Adalo es un creador de aplicaciones sin código para aplicaciones web impulsadas por bases de datos y aplicaciones nativas de iOS y Android, una versión en las tres plataformas. La construcción asistida por IA y la publicación simplificada permiten lanzar a la App Store de Apple y Google Play en días en lugar de meses. Con estas capacidades, crear una aplicación de seguimiento de carreras completamente funcional con integración GPS, características sociales y insignias de logros se vuelve accesible para cualquiera con una visión, sin codificación requerida.

Por qué Adalo funciona para construir una aplicación de seguimiento de carreras

Adalo es un creador de aplicaciones sin código para aplicaciones web impulsadas por bases de datos y aplicaciones nativas de iOS y Android, una versión en las tres plataformas, publicadas en la App Store de Apple y Google Play. Esto la convierte en la base perfecta para crear una aplicación de fitness al estilo de Nike Run Club que requiere una arquitectura de base de datos sólida para rastrear carreras, almacenar estadísticas de usuarios y gestionar características sociales, todo mientras se ofrece la experiencia móvil nativa que esperan los corredores.

Para una aplicación de seguimiento de fitness, la distribución en la tienda de aplicaciones no es opcional, es esencial. Sus usuarios necesitan notificaciones push para recordarles sus objetivos de carrera, seguimiento GPS que funcione de manera confiable durante entrenamientos al aire libre y sincronización en tiempo real que capture cada kilómetro. Adalo ofrece todo esto a través de compilación nativa verdadera, no envolturas web, asegurando que su aplicación funcione sin problemas, ya sea que los usuarios registren una carrera rápida o compitan en desafíos de un mes con amigos.

Construir una aplicación de seguimiento de fitness como Nike Run Club parece un proyecto reservado para equipos de desarrollo bien financiados con meses de codificación por delante. Características como seguimiento GPS en tiempo real, registro de entrenamientos, sistemas de logros y desafíos sociales requieren arquitectura de base de datos compleja e integración nativa de dispositivos, demandando tradicionalmente experiencia en múltiples lenguajes de programación y plataformas. Para emprendedores y entusiastas del fitness con una visión pero sin experiencia en codificación, esta barrera técnica ha estado durante mucho tiempo entre la idea y la ejecución.

Adalo, un creador de aplicaciones impulsado por IA, cambia esa ecuación completamente. Crea aplicaciones web impulsadas por bases de datos y aplicaciones nativas de iOS y Android desde una única base de código, una versión en las tres plataformas. La construcción asistida por IA y la publicación simplificada permiten lanzar a la App Store de Apple y Google Play en días en lugar de meses. Este tutorial te mostrará cómo aprovechar estas capacidades para crear tu propia aplicación de seguimiento de carreras completamente funcional, completa con integración GPS, características sociales e insignias de logros, todo sin escribir una sola línea de código.

Por qué Adalo funciona para construir una aplicación de seguimiento de fitness

Para una aplicación de seguimiento de fitness, la distribución nativa en la tienda de aplicaciones es innegociable. Sus usuarios esperan notificaciones push para recordarles sus objetivos de carrera, motivarlos durante desafíos y celebrar sus logros. Necesitan seguimiento GPS que funcione de manera confiable durante entrenamientos al aire libre y sincronización de datos en tiempo real que capture cada kilómetro.

Adalo ofrece esa experiencia pulida y nativa con una ventaja crítica: una compilación se publica en web, App Store iOS y Android Play Store simultáneamenteA diferencia de plataformas que envuelven aplicaciones web en un shell móvil (introduciendo latencia y problemas de rendimiento bajo carga), Adalo compila a código nativo verdadero. La infraestructura modular de la plataforma escala para servir aplicaciones con millones de usuarios activos mensuales, sin límite superior, y los planes pagos incluyen registros de base de datos ilimitadospara que tu aplicación no golpee los límites de almacenamiento a medida que crece tu base de usuarios.

Magic Start puede generar la base de tu aplicación a partir de una descripción simple. Cuéntale que necesitas una aplicación de seguimiento de fitness con registro GPS, características sociales e insignias de logros, y crea automáticamente tu estructura de base de datos, pantallas y flujos de usuario. Lo que solía tomar días de planificación sucede en minutos. Construyamos tu aplicación de fitness desde cero.

Requisitos previos y configuración inicial

Paso 1: Crea tu cuenta de Adalo y aplicación

  1. Visita Adalo.com e inscríbete en una cuenta gratuita
  2. Haz clic en "Crear nueva aplicación" desde tu panel de control
  3. Selecciona "Aplicación móvil" (optimizada para seguimiento de fitness sobre la marcha)
  4. Nombra tu aplicación (por ejemplo, "RunTracker" o "FitPulse")
  5. Elige "Comenzar desde cero" para construir funcionalidad personalizada, o usa Magic Start para generar una base a partir de tu descripción

Paso 2: Configura el tema de tu aplicación

  1. Selecciona un color de marca primario (los tonos audaces y energéticos funcionan bien para aplicaciones de fitness)
  2. Elige un color secundario para botones de llamada a la acción
  3. Elige una fuente sans-serif limpia y moderna para legibilidad durante los entrenamientos
  4. Activa la opción de modo oscuro para correr de noche
  5. Haz clic en "Continuar" para entrar al constructor de aplicaciones

Paso 3: Configurar ajustes de plataforma

  1. Navega a Configuración en la barra lateral izquierda
  2. Bajo panel Ajustes de la aplicaciónConfigura:
    • Nombre e icono de la aplicación
    • Pantalla de inicio (imagen motivacional)
    • Estilo de barra de estado
  3. Habilite Servicios de ubicación (crítico para seguimiento GPS)
  4. Establece la pantalla inicial en "Bienvenida"

Construcción de la estructura de la base de datos

Tu base de datos es la columna vertebral de tu aplicación de fitness. Con el de Adalo, puedes almacenar años de historial de carreras, miles de rutas e interacciones sociales ilimitadas sin preocuparte por alcanzar los límites de almacenamiento. sin límites de registros en planes pagos(Texto – Único)

Paso 4: Mejorar la Colección de Usuarios

  1. Haz clic en el Base de Datos icono en la barra lateral izquierda
  2. Selecciona la colección "Usuarios" preexistente
  3. Agrega estas propiedades (haz clic en "+ Agregar propiedad" para cada una):
    • Nombre Completo (Texto)
    • Foto de Perfil (Imagen)
    • Nombre de usuario (Texto – Multilínea)
    • Biografía (Número – para cálculos de calorías)
    • Peso Unidad preferida
    • Altura (Número)
    • (Texto – Valores: "Millas", "Kilómetros") Distancia total
    • (Número – total en ejecución) Carreras totales
    • Duración total (Número)
    • (Número – en minutos) (Fecha – Automática al registrarse)
    • Miembro desde (Número – días consecutivos)
    • Racha actual Racha más larga
    • (Texto – Valores: "Público", "Solo amigos", "Privado") (Número)
    • Configuración de privacidad Paso 5: Crear la colección de carreras

Aprenda sobre bases de datos

Nómbrala "Carreras"

  1. Haz clic + Agregar colección
  2. ID de carrera
  3. Agrega estas propiedades:
    • (Texto – Generado automáticamente) (Número – en unidades preferidas del usuario)
    • Distancia (Número – en segundos)
    • Duración Ritmo promedio
    • Hora de inicio (Fecha y hora)
    • Hora de finalización (Fecha y hora)
    • Ritmo Promedio (Número – minutos por milla/km)
    • Calorías Quemadas (Número – calculado con fórmulas conscientes de unidades)
    • Ganancia de Elevación (Número)
    • Datos de Ruta (Texto – cadena JSON de coordenadas)
    • Ubicación de Inicio (Ubicación)
    • Ubicación Final (Ubicación)
    • Condiciones Climáticas (Texto)
    • Temperatura (Número)
    • Tipo de Carrera (Texto – Valores: "Carrera Fácil", "Carrera Larga", "Trabajo de Velocidad", "Recuperación", "Carrera")
    • Notas (Número – para cálculos de calorías)
    • Sensación (Texto – Valores: "Excelente", "Bueno", "Está bien", "Cansado", "Difícil")
    • Pública/Privada (Verdadero/Falso)

Paso 6: Crear la Colección de Rutas

  1. Haz clic + Agregar colección
  2. Nómbrala "Routes"
  3. Agrega propiedades:
    • Nombre de Ruta (Texto)
    • Descripción (Número – para cálculos de calorías)
    • Distancia (Número)
    • Coordenadas (Texto – matriz JSON de puntos lat/long)
    • Punto de Inicio (Ubicación)
    • Punto Final (Ubicación)
    • Dificultad (Texto – Valores: "Fácil", "Moderado", "Difícil")
    • Tipo de Superficie (Texto – Valores: "Carretera", "Sendero", "Pista", "Mixto")
    • Foto de Ruta (Imagen)
    • Veces Recorrida (Número)
    • Calificación Promedio (Número)
    • Es Favorito (Verdadero/Falso)

Paso 7: Crear la Colección de Logros

  1. Haz clic + Agregar colección
  2. Nómbrala "Logros"
  3. Agrega propiedades:
    • Nombre del Logro (Texto)
    • Descripción (Texto)
    • Icono de insignia (Imagen)
    • Tipo de Criterio (Texto – Valores: "Distancia", "Carreras", "Racha", "Velocidad", "Especial")
    • Valor de Criterio (Número)
    • Puntos (Número)
    • Fecha obtenida (Fecha y hora)
    • Está Desbloqueado (Verdadero/Falso)

Paso 8: Crear la Colección de Desafíos

  1. Haz clic + Agregar colección
  2. Nómbrala "Challenges"
  3. Agrega propiedades:
    • Nombre del Desafío (Texto)
    • Descripción (Número – para cálculos de calorías)
    • Tipo de Desafío (Texto – Valores: "Distancia", "Duración", "Frecuencia")
    • Valor de Objetivo (Número)
    • Fecha de Inicio (Fecha)
    • Fecha de Fin (Fecha)
    • Progreso Actual (Número)
    • Está Activo (Verdadero/Falso)
    • Está completado (Verdadero/Falso)
    • Insignia de Recompensa (Imagen)

Paso 9: Crear la Colección de Feeds Sociales

  1. Haz clic + Agregar colección
  2. Nómbrala "Publicaciones"
  3. Agrega propiedades:
    • Tipo de Publicación (Texto – Valores: "Carrera Completada", "Logro", "Foto", "Texto")
    • Título (Número – para cálculos de calorías)
    • Imagen (Imagen)
    • Contador de "Me gusta" (Número)
    • Recuento de Comentarios (Número)
    • Fecha de creación (Fecha y Hora – Automático)
    • Está Fijado (Verdadero/Falso)

Paso 10: Crear la Colección de Comentarios

  1. Haz clic + Agregar colección
  2. Nómbrala "Comentarios"
  3. Agrega propiedades:
    • Texto del Comentario (Número – para cálculos de calorías)
    • Fecha de creación (Fecha y Hora – Automático)
    • Me gusta (Número)

Paso 11: Crear la Colección de Amistades

  1. Haz clic + Agregar colección
  2. Nómbrala "Friendships"
  3. Agrega propiedades:
    • Estado (Texto – Valores: "Pendiente", "Aceptado", "Bloqueado")
    • Fecha de creación (Fecha y Hora – Automático)
    • Fecha de Aceptación (Fecha y hora)

Paso 12: Configurar Relaciones de Base de Datos

  1. En Carreras colección:
    • Agregar relación con Usuarios: "Corredor" (Un Usuario puede tener muchas Carreras)
    • Agregar relación con Rutas: Muchos-a-Uno (ruta guardada opcional)
    • Agregar relación con Publicaciones: Uno-a-Uno (carrera compartida automáticamente)
  2. En Rutas colección:
    • Agregar relación con Usuarios: "Creador" (Muchos-a-Uno)
    • Agregar relación con Carreras: Uno-a-Muchos
  3. En Logros colección:
    • Agregar relación con Usuarios: Muchos-a-Muchos (los usuarios pueden tener muchos logros)
  4. En Desafíos colección:
    • Agregar relación con Usuarios: Muchos-a-Muchos (participantes)
  5. En Publicaciones colección:
    • Añade relación con Users: "Autor" (Muchos a Uno)
    • Agregar relación con Carreras: Uno-a-Uno (si es publicación de carrera)
    • Agregar relación con Usuarios: "Me gusta" (Muchos-a-Muchos)
    • Agregar relación a Comentarios: Uno a Muchos
  6. En Comentarios colección:
    • Agregar relación con Publicaciones: Muchos-a-Uno
    • Agregar relación con Usuarios: "Comentarista" (Muchos-a-Uno)
  7. En Amistades colección:
    • Agregar relación con Usuarios: "Solicitante" (Muchos-a-Uno)
    • Agregar relación con Usuarios: "Destinatario" (Muchos-a-Uno)

Instalación de componentes necesarios

Paso 13: Instalar Componentes de Mapas y Ubicación

  1. Navega a la Adalo Marketplace
  2. Instalar:
    • Componente Mapas (para visualización de rutas)
    • Temporizador (para cronometrar la carrera y activar guardado periódico de ubicación)
  3. Clave API de Google Maps para mapas web:
    • Visita la Consola de Google Cloud para crear una clave API
    • Como mínimo, habilita API de Google Maps JavaScript para mapas web
    • Habilite Geocodificación solo si necesitas búsquedas de direcciones/lugares y Matriz de Distancia solo si necesitas estimaciones de distancia/tiempo de viaje
    • Google Maps Platform incluye un crédito gratuito mensual de $200; muchas aplicaciones pequeñas se mantienen dentro del nivel gratuito
  4. En Adalo: pega tu clave API en Configuración → Integraciones

Paso 14: Instalar Componentes Adicionales

  1. Volver a Marketplace
  2. Instalar:
    • Gráfico/Gráfica (para visualización de estadísticas)
    • Reproductor de audio (para indicaciones de entrenamiento)
    • Compartir (compartir en redes sociales)

Explorar mercado

Crear autenticación de usuario e incorporación

Paso 15: Construir la Pantalla de Bienvenida

  1. Renombra la pantalla predeterminada a "Bienvenida"
  2. Agregar elementos de diseño: imagen de fondo, logotipo, título/subtítulo
  3. Agregar botones de navegación:
    • Registrarse → pantalla "Registrarse"
    • Inicio de sesión → pantalla "Iniciar sesión"
    • Continuar como Invitado → "Inicio" (modo de solo lectura)

Paso 16: Crear pantalla de registro

  1. Agregar pantalla "Registrarse"
  2. Formulario (Usuarios): Correo electrónico, Contraseña, Confirmar, Nombre Completo
  3. Selector de Imagen para foto de perfil (opcional)
  4. Crear Cuenta → Registrarse, luego navega a "Encuesta de Bienvenida"
  5. Inicio de sesión enlace de texto para usuarios existentes

Paso 17: Crear pantalla de encuesta de bienvenida

  1. Agregar nueva pantalla → nómbrala Encuesta de bienvenida.
  2. (Opcional) Añade texto estático "Paso 1 de 3."
  3. Formulario (Actualizar → Usuario Conectado):
    • Objetivos (Desplegable): Empezar a correr, Correr más rápido, Correr más lejos, Mantente activo, Entrena para un evento → guardar en Objetivo (Texto)
    • Frecuencia (Desplegable): Nuevo en correr, 1–2 veces/semana, 3–4 veces/semana, 5+ veces/semana → guardar en Frecuencia (Texto)
    • Peso (Número) → guardar en Peso (Número)
    • Altura (Número) → guardar en Altura (Número)
  4. Siguiente → Enlace a Preferencias de unidades (asegúrate de que el formulario actualice el usuario conectado antes de navegar)

Paso 18: Crear pantalla de preferencias de unidades

  1. Agregar nueva pantallaPreferencias de unidades.
  2. (Opcional) Texto "Paso 2 de 3."
  3. Formulario (Actualizar → Usuario Conectado):
    • Unidades preferidas (Control segmentado): Millas / Kilómetros → Unidad preferida
    • Privacidad predeterminada de carrera (Desplegable): Público / Solo amigos / Privado → Configuración de privacidad
  4. Siguiente → Enlace a Habilitar ubicación; AtrásEncuesta de bienvenida

Paso 19: Crear pantalla de permiso de ubicación

  1. Agregar nueva pantallaHabilitar ubicación. (Paso 3 de 3)
  2. Explica por qué se necesita la ubicación (seguimiento por GPS).
  3. Habilitar ubicación → Solicitar permiso → En caso de éxito, Enlazar a Inicio.
  4. Omitir por ahora → Enlace a Inicio.

Construir el panel de inicio

Paso 20: Crear pantalla de inicio principal

  1. Agregar nueva pantallaInicio.
  2. Fila de encabezado:
    • Avatar del usuario (Usuario conectado → Foto de perfil) → Enlazar a Perfil
    • "Hola, {Nombre}" (usar fórmula)
    • Fecha actual (Texto mágico → formateado)
  3. Tarjetas de estadísticas:
    • Distancia de esta semana: Suma de Carreras.Distancia donde Corredor = Usuario conectado y la fecha es esta semana
    • Total de carreras: Cantidad de Carreras donde Corredor = Usuario conectado
    • Racha actual: Usuario conectado → Racha actual
  4. Inicio rápido:
    • Iniciar carrera (principal) → Seguimiento de carrera
    • Elegir ruta (secundario) → Rutas guardadas
  5. Tarjeta de Desafío Activo (condicional):
    • Lista Personalizada: Desafíos filtrados donde los participantes incluyen Usuario Conectado e Is Active = true
    • Mostrar nombre, barra de progreso (Progreso Actual / Valor de Meta), días restantes
    • Haz clic → Detalle del Desafío
  6. Feed de Actividad Reciente:
    • Lista Personalizada: Publicaciones filtradas por tu lógica de privacidad/amigos; ordenadas más nuevas primero (límite 5–10)
    • Mostrar autor, resumen, "tiempo atrás" → Haz clic → Detalle de la Publicación

Paso 21: Construir Navegación Inferior

  1. Agregar Barra de Pestañas con 5 pestañas:
    • Inicio → Inicio
    • Actividad → Mis Carreras
    • Comenzar → Seguimiento de Carrera
    • Desafíos → Desafíos
    • Perfil → Perfil
  2. Establece colores activos/inactivos para que coincidan con tu tema.

Crear la Experiencia de Seguimiento de Carrera

Paso 22: Construir Pantalla Previa a la Carrera

Seguimiento de carrera pantalla → mapa a pantalla completa centrado en la ubicación actual; selectores para tipo de carrera/ruta; alternancia de entrenador de audio; Iniciar carrera.

Paso 23: Crear Pantalla de Carrera Activa

Mapa + panel de estadísticas. Usa Ubicación Actual del Dispositivo (Texto Mágico) + Temporizador para guardar coordenadas periódicamente (p. ej., cada 5–10 segundos) mientras la aplicación esté abierta. Controles: Pausar, Finalizar.

Paso 24: Construir Pantalla de Carrera en Pausa

Duplicar Carrera Activa → mostrar estado en pausa con Currículum, Finalizar, Descartar.

Paso 25: Crear Pantalla de Resumen de Carrera

Crear Ejecute y completar: distancia, duración, horas de inicio/fin, ruta, ritmo, elevación.

Calorías Quemadas (unidad-consciente):

  • Si kilómetros y kilogramos: Distancia_km × Peso_kg × 1.0
  • Si millas y libras: Distancia_mi × Peso_lb × 0.63

Añade tarjetas de resumen, campos editables (tipo de carrera, sensación, notas, foto, privacidad). Guardar Carrera actualiza totales del usuario, verifica logros, publica si es público.

Paso 26: Construir Confirmación de Carrera Guardada

Pantalla de éxito con nuevos logros (si los hay) y acciones rápidas (ver resumen completo / volver al inicio).

Crear Historial de Carreras y Análisis

Paso 27: Crear Pantalla Mis Carreras

  1. Nueva pantallaMis Carreras.
  2. Filtros: Control Segmentado (Todos / Esta Semana / Este Mes / Este Año) → guardar en FilterPeriod; Menú desplegable para Ordenar (Fecha, Distancia, Duración, Ritmo) → SortBy.
  3. Fila Resumen: Distancia Total, Carreras Totales, Ritmo Promedio para el período seleccionado.
  4. Lista Personalizada: Carreras filtradas por Corredor = Usuario Conectado + FilterPeriod; ordenadas por SortBy. Mostrar miniatura de mapa, fecha/hora, distancia, duración, ritmo, tipo de carrera, sensación → tocar para Detalle de Carrera.

Paso 28: Construir Pantalla de Detalle de Carrera

Encabezado con fecha/hora, Editar, Eliminar; mapa grande; cuadrícula de estadísticas (distancia/duración/ritmo promedio/calorías/elevación/clima/temperatura/sensación/tipo de carrera); gráfico de ritmo (opcional); notas; estadísticas sociales; compartir.

Paso 29: Crear Pantalla de Estadísticas

Pestañas: Semana / Mes / Año / Todo Tiempo → StatsPeriod. Tarjetas de métricas (distancia total, carreras totales, tiempo total, carrera más larga, ritmo más rápido, rachas). Gráfico de distancia (barras), tendencia de ritmo (línea), mapa de calor de actividad (opcional).

Guía de análisis

Implementar Logros y Gamificación

Paso 30: Construir pantalla de logros

Descripción general del progreso (insignias, puntos, siguiente hito); pestañas (Todos, Distancia, Frecuencia, Rachas, Velocidad, Especial); cuadrícula de tarjetas (estados bloqueados/desbloqueados con progreso/fecha).

Paso 31: Crear Lógica de Logros

Agregar Acción Personalizada "Verificar Logros" al guardar carrera:

  • Hitos de distancia (5K, 10K, Media, Totales de Maratón)
  • Cantidad de carreras (10/50/100/500)
  • Rachas (7/30/100 días)
  • Velocidad (milla sub-6 min / km sub-5 min)
  • Especial (carrera nocturna, madrugador, guerrero de fin de semana)

Al desbloquear: crear registro de logro, actualizar puntos, crear publicación, mostrar celebración.

Paso 32: Construir Pantalla de Desafíos

  1. Agregar nueva pantallaDesafíos.
  2. Pestañas: Activos / Disponibles / Completados → guardar en ChallengeTab.
  3. Lista Personalizada: Desafíos
    • Filtros:
      • Activos: Fecha de Inicio ≤ ahora Y Fecha de Fin ≥ ahora Y los participantes incluyen Usuario Conectado
      • Disponibles: participantes no incluyen Usuario Conectado (y opcionalmente Fecha de Inicio ≥ ahora)
      • Completados: (Fecha de Fin < ahora O usuario cumplió objetivo) Y participantes incluyen Usuario Conectado
    • Ordenar: Activos por Fecha de Fin asc; Disponibles por Fecha de Inicio asc; Completados por Fecha de Fin desc
  4. Diseño de Tarjeta: Nombre, descripción breve, tipo + objetivo, barra de progreso (por usuario calculado a partir de Carreras entre Inicio/Fin), "Termina {fecha}".
  5. Acciones:
    • Unirse al Desafío (Disponibles): agregar Usuario Conectado a participantes → notificación → actualizar → cambiar pestaña a Activos
    • Ver Detalles (Activos/Completados): enlace a Detalle del Desafío (enviar registro)
  6. Estados Vacíos: Mensajes amables para cada pestaña.

Paso 33: Crear Pantalla de Detalle de Desafío

  1. Nueva pantallaDetalle del Desafío. (espera Desafío)
  2. Encabezado: Imagen de insignia de recompensa, nombre, descripción, tipo/objetivo, rango de fechas.
  3. Progreso (por usuario):
    • Distancia: suma de Carreras.Distancia dentro de las fechas del desafío
    • Duración: suma de Runs.Duration (segundos) dentro de las fechas
    • Frecuencia: recuento de Runs dentro de las fechas
    • Mostrar Anillo de progreso + "{Current} / {Goal}"
  4. Tabla de clasificación (opcional): listar participantes con puntuación calculada; ordenar descendente; mostrar rango/avatar/nombre/puntuación.
  5. Botones (condicional):
    • Unirse a (si no es participante y antes de inicio) → agregar a participantes
    • Compartir progreso → hoja de compartir
    • Abandonar desafío (opcional) → eliminar de participantes
  6. Bloque de consejo: Aclarar que solo las carreras dentro de las fechas del desafío cuentan.

Creación de funciones sociales

Paso 34: Crear pantalla de fuente de actividad

  1. Nueva pantallaFuente de actividad.
  2. Pestañas: Siguiendo / Amigos / Todos → FeedScope.
  3. Lista Personalizada: Publicaciones
    • Filtrar por alcance y privacidad (p. ej., Siguiendo = autores que sigues; Amigos = amistades aceptadas; Todos = publicaciones públicas)
    • Ordenar: más recientes primero
    • Diseños de elementos:
      • Publicación de carrera: miniatura de mapa + estadísticas
      • Logro: insignia + texto
      • Foto: imagen + título
      • Texto: cuerpo
    • Acciones: Me gusta (alternar en Quiénes dan me gusta + actualizar recuento de me gusta), Comentar (a Detalle de la Publicación), Compartir.

Paso 35: Crear pantalla de detalle de publicación

  1. Espera Publica.
  2. Encabezado: autor (foto/nombre), hace tiempo.
  3. Cuerpo: renderizar por tipo (mapa + estadísticas / insignia / imagen / texto).
  4. Me gusta: alternar Quiénes dan me gusta + actualizar recuento.
  5. Comentarios: lista de comentarios para esta publicación (más antiguo → más reciente).
  6. Compositor: entrada de texto + Enviar → crear comentario (establecer comentarista y publicación) + incrementar recuento.

Paso 36: Crear pantalla de perfil de usuario

Encabezado (foto, nombre completo, nombre de usuario, biografía, Editar perfil). Estadísticas (carreras totales, distancia total, seguidores/siguiendo si está implementado). Vitrina de logros (lista horizontal → ver todo). Cuadrícula/alternancia de lista de actividad (filtrar todo vs. público). Acciones: Configuración, Estadísticas.

Paso 37: Crear pantalla de perfil de otro usuario

Vista solo pública; estado de amistad (Agregar / Pendiente / Amigos), carreras/publicaciones públicas, botón de mensaje opcional; respetar configuración de privacidad.

Paso 38: Crear pantalla de amigos

Pestañas para Amigos / Solicitudes / Encontrar amigos.

  • Amigos: listar amistades aceptadas; buscar; tocar para ir al perfil.
  • Solicitudes: listar pendientes; aceptar/rechazar.
  • Encontrar amigos: buscar por nombre de usuario/nombre; usuarios sugeridos; botones para agregar amigo.

Construcción de Rutas y Navegación

Paso 39: Crear Pantalla de Rutas Guardadas

Filtros (Mis Rutas / Rutas Comunitarias / Cercanas). Lista personalizada de Rutas con vista previa del mapa, nombre, distancia, dificultad, superficie, veces realizada, calificación promedio; alternar favorito; Crear Ruta .

Paso 40: Construir Pantalla de Detalle de Ruta

Mapa grande con ruta completa; información (distancia/tiempo estimado, dificultad/superficie, elevación si está disponible, creador); estadísticas (tus veces realizada, mejor tiempo, estadísticas comunitarias); acciones (Comenzar Esta Ruta, Guardar en Favoritos, Compartir, Reportar Problema).

Paso 41: Crear Pantalla de Creador de Rutas

Objetivo: Permitir que los usuarios construyan una ruta muestreando GPS actual o agregando puntos manualmente, luego guardar un registro de Rutas con una matriz JSON de coordenadas.

A. (Opcional) Colección de Puntos en Borrador
Crear Puntos de Ruta (Borrador) con Latitud (Número), Longitud (Número), Orden (Número), Propietario → Usuarios, Creado En.

B. Pantalla y Mapa
Nueva pantalla Crear Ruta. Agregar componente de Mapas para mostrar de manera prominente la ubicación actual del pasajero. Debajo del mapa, incluye campos de entrada y botones para ingresar un destino, vinculándolos a la centrado en la ubicación actual. Marcadores vinculados a Puntos de Ruta (Borrador) filtrados por Propietario = Usuario Conectado (ordenados por Orden). (Si es compatible, dibujar polilínea.)

C. Controles

  • Agregar Punto Actual: Crear Puntos de Ruta (Borrador) con lat/lng actual y Orden = máximo + 1.
  • Deshacer: Eliminar el último punto de borrador.
  • Limpiar: Eliminar todos los puntos de borrador para este propietario.

D. Formulario de Detalles de Ruta
Nombre (requerido), Descripción, Dificultad, Tipo de Superficie, Foto.

E. Distancia y JSON de Coordenadas

  • Pedir al usuario la distancia o calcular mediante una Acción Personalizada (Haversine/terceros).
  • Construir JSON de Coordenadas a partir de puntos de borrador ordenados: [{"lat": <Lat1>, "lng": <Lng1>}, {"lat": <Lat2>, "lng": <Lng2>}, ...] (mediante Acción Personalizada o patrón de concatenación).

F. Guardar Ruta (botón)
Validar ≥ 2 puntos y nombre presente → Crear Rutas con:

  • Nombre de Ruta, Descripción, Dificultad, Tipo de Superficie, Foto de Ruta, Creador = Usuario Conectado
  • Distancia = calculada o manual
  • Coordenadas = cadena JSON
  • Punto de Inicio = primer punto; Punto Final = último punto

Luego eliminar todos los puntos de borrador para este propietario y enlace de Detalle de Ruta (enviar registro).

Agregar Orientación y Coaching de Audio

Paso 42: Implementar Señales de Audio

Adalo no incluye un componente de primera parte TTS. Agregar TTS mediante un componente de Marketplace de terceros, un servicio externo o la API de Web Speech (web). Alternativamente, pregrabar señales de audio para hitos/ritmo/fin y activar según cambios de distancia/tiempo/ritmo. Proporcionar Configuración de Audio (habilitar, frecuencia, volumen).

Implementar Funciones de Privacidad y Seguridad

Paso 43: Configurar ajustes de privacidad

Privacidad de publicación predeterminada, visibilidad de perfil, alternancias de uso compartido de actividad (compartir carreras automáticamente; mostrar ubicación en tiempo real a amigos; permitir guardar rutas), Privacidad de ubicación (desdibujar inicio/fin), lista de usuarios bloqueados.

Consideraciones de privacidad

Paso 44: Crear funciones de seguridad

Contacto de emergencia; opcional Baliza alterna (compartir ubicación durante carreras mientras la aplicación está abierta); "Correr con otros" (carrera de grupo virtual con ubicaciones permitidas).

Configuración y preferencias de construcción

Paso 45: Crear pantalla de configuración

Secciones para Cuenta, Preferencias de aplicación (unidades, entrenador de audio, tema), Privacidad y seguridad, Datos y almacenamiento (exportar carreras), Soporte, Acciones de cuenta.

Paso 46: Crear configuración de notificaciones

Alternancias para notificaciones de actividad, desafíos, logros, redes sociales y motivación.

Prueba de tu Aplicación

Paso 47: Crear datos de prueba

Sembrar múltiples usuarios, carreras/rutas diversas, amistades y desafíos.

Paso 48: Probar flujos de usuario principales

Incorporación → grabación de carrera (inicio/pausa/reanudar/fin) → interacciones sociales → logros → controles de privacidad.

Paso 49: Probar en múltiples dispositivos

Utilizar aplicaciones de vista previa de Adalo en iOS/Android; probar comportamiento de GPS con la aplicación abierta, notificaciones, sin conexión y capacidad de respuesta web. El seguimiento en segundo plano/continuo es limitado en comparación con compilaciones nativas personalizadas.

Paso 50: Pruebas de rendimiento

Conjuntos de datos más grandes (más de 100 carreras, 50+ amigos), tiempos de carga, renderización de mapas, filtrado de listas, carreras largas, GPS deficiente, caídas de red. Optimizar listas, imágenes y consultas. Utilizar X-Ray para identificar problemas de rendimiento antes de que afecten a los usuarios; destaca cuellos de botella en tus consultas de base de datos y configuraciones de componentes.

Preparación para el lanzamiento

Paso 51: Configurar integraciones de producción

Google Maps API: cambiar a clave de producción, establecer cuotas/alertas, habilitar solo las API que uses (Maps JS requerido para web; Geocodificación/Matriz de distancias opcional).

Análisis: rastrear registros, carreras, logros, interacciones sociales.

Push: configurar iOS/Android y probar entrega.

Paso 52: Crear recursos de App Store

Tienda de aplicaciones iOS:

  • Proporcionar 6,7 pulgadas (por ejemplo, 1290 × 2796) y 5,5 pulgadas (1242 × 2208) capturas de pantalla requeridas; agregar iPad si corresponde
  • Icono de aplicación (1024 × 1024), videos de vista previa opcionales, descripción/palabras clave, URL de política de privacidad, URL de soporte
  • Siempre verifica las especificaciones actuales de Apple antes de enviar

Google Play:

  • PNG/JPG entre 320 px y 3840 px, relación de aspecto 1:2 a 2:1
  • Proporciona al menos 3 capturas de pantalla del teléfono; añade capturas de pantalla de tableta si está optimizada
  • Gráfico de función (1024 × 500), icono de aplicación (512 × 512), vídeo promocional (opcional), descripciones, clasificación de contenido

Paso 53: Preparar requisitos legales

Política de privacidad (uso de datos, GPS, terceros), Términos de servicio, enlaces en Configuración/registro/pie de página web.

Paso 54: Publicar en tiendas de aplicaciones

  • iOS: Apple Developer ($99/año). En Adalo, Publicar → iOS, completa la información, carga certificados, compila y envía a través de App Store Connect.
  • Android: Google Play Developer ($25 de una sola vez). En Adalo, Publicar → Android, compila AAB y carga a través de Play Console.
  • Web: Publicar → Aplicación Web, elige dominio o dominio personalizado (plan de pago), DNS + SSL.

Los tiempos de revisión varían; planifica varios días e iteraciones potenciales.

Descripción general de publicación

Optimización posterior al lanzamiento

Paso 55: Monitorear métricas clave

Adquisición (registros, finalización de incorporación), participación (DAU/MAU, ejecuciones por semana), retención (D1/D7/D30), social (conexiones, publicaciones, participación), técnico (bloqueos, problemas de GPS, tiempos de carga, uso de API).

Paso 56: Recopilar comentarios de usuarios

Formularios en la aplicación, reseñas de tienda, revisión de análisis, entrevistas con usuarios.

Paso 57: Iterar y mejorar

Rendimiento (consultas, imágenes, paginación), características (planes de entrenamiento, RRHH, música, clima, intervalos), social (desafíos grupales, carreras virtuales, clubes, mensajería), personalización (panel de control, objetivos, consejos de entrenamiento). Usa Magic Add para describir las nuevas características que deseas—genera automáticamente los cambios de base de datos, pantallas y lógica.

Limitaciones de plataforma y soluciones alternativas

Límites de GPS y segundo plano

  • Adalo puede capturar la ubicación actual del dispositivo y guardar puntos en un temporizador mientras la aplicación está abierta.
  • GPS continuo/segundo plano cuando la aplicación está cerrada o la pantalla está bloqueada es limitadas; establece expectativas en consecuencia e informa a los usuarios.

Mapas y enrutamiento

  • Utilice el componente de Mapas para mostrar de manera prominente la ubicación actual del pasajero. Debajo del mapa, incluye campos de entrada y botones para ingresar un destino, vinculándolos a la componente para visualizar rutas desde coordenadas guardadas.
  • La navegación paso a paso, los mapas sin conexión o el enrutamiento automático requieren un servicio externo llamado a través de Acciones Personalizadas.

Presencia social en tiempo real y presencia en vivo

  • No hay sockets nativos para fuentes en vivo. Para presencia "ejecutándose ahora" o tablas de clasificación en vivo, usa encuesta basada en temporizador o conecta un backend en tiempo real externo a través de Acciones Personalizadas/Colecciones externas.

Rendimiento a escala

  • Mantén las listas ágiles, habilita la carga progresiva y evita listas dentro de listas.
  • Para conjuntos de datos grandes (muchas ejecuciones, publicaciones o amigos), mueve los datos a Colecciones externas y siga Optimizar rendimiento orientación.
  • La infraestructura modular de Adalo 3.0 (lanzada a finales de 2026) es 3-4 veces más rápida que versiones anteriores y se escala según las necesidades de tu aplicación—sin límites de registros arbitrarios en planes de pago.

Notificaciones

  • Las notificaciones push funcionan para usuarios instalados y conectados que hayan otorgado permisos.
  • Crea activadores para nuevas ejecuciones, comentarios, desafíos y recordatorios de racha.

Desglose de costos y recursos

Suscripción de Adalo

  • Los planes comienzan en $36/mes con uso ilimitado y publicación en tienda de aplicaciones—sin cargos basados en uso ni facturas sorpresa.
  • Verifica las características/límites del plan actual en el los precios página.

Tiendas de Aplicaciones

  • Apple Developer: $99/año.
  • Google Play Developer: $25 de una sola vez.

Uso de mapas

  • Google Maps Platform incluye un crédito gratuito mensual de $200; muchas aplicaciones pequeñas se mantienen dentro del nivel gratuito. Los costos reales dependen del uso.

Monetización opcional (pagos/suscripciones)

  • Añade pagos o suscripciones con los Stripe componentes de Adalo. Los precios varían según el país y el método de pago (administra el estado a través de webhooks/automatizaciones de Stripe).

Mantenimiento continuo

  • Muchos equipos presupuestan ~15–25% anualmente del esfuerzo inicial para mantenimiento, actualizaciones y soporte.

Recursos adicionales

Nota: Esta compilación estilo Nike Run Club cubre Registro de carrera con GPS (mientras la aplicación está abierta), historial de entrenamientos, logros/desafíosy compartir en redes sociales con componentes nativos de Adalo más integraciones API ligeras. Para características de nivel de producción como seguimiento en segundo plano, navegación paso a pasoo presencia en vivo, conecte servicios externos a través de Acciones personalizadas/Colecciones externas, mantén listas simples y prueba el rendimiento en dispositivos reales antes de publicar.

Preguntas frecuentes

Pregunta Respuesta
¿Por qué elegir Adalo sobre otras soluciones de construcción de aplicaciones? Adalo es un constructor de aplicaciones impulsado por IA que crea aplicaciones nativas verdaderas para iOS y Android. A diferencia de los contenedores web, se compila en código nativo y se publica directamente en la App Store de Apple y Google Play Store desde una única base de código—la parte más difícil de lanzar una aplicación se maneja automáticamente. Los planes pagos incluyen registros de base de datos ilimitados y sin cargos basados en uso.
¿Cuál es la forma más rápida de construir y publicar una aplicación en la App Store? La interfaz de arrastrar y soltar de Adalo y la compilación asistida por IA te permiten pasar de idea a aplicación publicada en días en lugar de meses. Magic Start genera bases de aplicaciones completas a partir de descripciones, y Adalo maneja el complejo proceso de presentación en App Store para que puedas enfocarte en características y experiencia del usuario.
¿Puedo crear una aplicación de seguimiento de fitness con GPS y características sociales sin codificar? Sí. Adalo incluye componentes de marketplace para mapas, temporizadores y gráficos, además de servicios de ubicación nativos que capturan datos de GPS mientras la aplicación está abierta. Puede crear registro de entrenamientos, insignias de logros, feeds sociales y desafíos comunitarios completamente a través del generador visual.
¿Adalo admite notificaciones push para funciones de aplicaciones de fitness? Sí, Adalo admite completamente notificaciones push para aplicaciones nativas de iOS y Android. Puede crear activadores para finalizaciones de carreras, actualizaciones de desafíos, recordatorios de racha, desbloqueos de logros e interacciones sociales para mantener a los usuarios comprometidos.
¿Cuáles son las limitaciones del seguimiento GPS en Adalo? Adalo captura la ubicación actual del dispositivo y guarda puntos GPS en un temporizador mientras la aplicación está abierta, lo que funciona bien para rastrear carreras. El seguimiento continuo de GPS en segundo plano cuando la aplicación está cerrada o la pantalla está bloqueada es limitado en comparación con compilaciones nativas personalizadas. Para seguimiento en segundo plano de nivel de producción, conecte servicios externos a través de Acciones personalizadas.
¿Cuánto cuesta crear y publicar una aplicación de fitness con Adalo? Los planes de Adalo comienzan en $36/mes con uso ilimitado y publicación en tienda de aplicaciones. Agregue Apple Developer Program ($99/año) y Google Play Developer ($25 de una sola vez). Google Maps Platform incluye un crédito gratuito mensual de $200 que cubre muchas aplicaciones pequeñas. Sin cargos sorpresa basados en uso.
¿Puedo agregar funciones de gamificación como logros y desafíos? Sí. Cree colecciones de bases de datos para logros y desafíos, acciones personalizadas para verificar hitos cuando se guardan carreras, y características sociales para compartir logros. Cree hitos de distancia, recompensas de racha, logros de velocidad y desafíos comunitarios con clasificaciones, todo sin código.
¿Cuánto tiempo lleva crear una aplicación de seguimiento de fitness? Con Magic Start generando la base de su aplicación y el generador visual manejando pantallas y lógica, puede tener un prototipo funcional en días. Una aplicación con todas las funciones con seguimiento GPS, características sociales y logros típicamente toma 2-4 semanas dependiendo de la complejidad y las pruebas.
¿Necesito experiencia en codificación para construir esta aplicación? Sin codificación requerida. El generador visual de Adalo utiliza componentes de arrastrar y soltar, y Magic Add le permite describir funciones en lenguaje natural para generar automáticamente cambios de base de datos y pantallas. La plataforma maneja la complejidad técnica.
¿Puede mi aplicación de fitness escalar a miles de usuarios? Sí. La infraestructura modular de Adalo 3.0 (lanzada a finales de 2026) es 3-4 veces más rápida que las versiones anteriores y se escala para servir aplicaciones con millones de usuarios activos mensuales. Los planes pagos no tienen límites de registros de base de datos, por lo que su aplicación no alcanzará los límites de almacenamiento a medida que crece su base de usuarios.
Comience a Crear Con Una Plantilla de Aplicación
Cree su aplicación rápidamente con una de nuestras plantillas de aplicación prefabricadas
Pruébelo ahora
Lea Esto Siguiente

¿Buscando Más?

¿Listo para comenzar en Adalo?