Guía paso a paso: Crear un clon de Nike Run Club con Adalo

Guía paso a paso: Crear un clon de Nike Run Club con Adalo

Crear 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 de dispositivos nativos, lo que tradicionalmente exige 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 sido un obstáculo entre la idea y la ejecución.

Aquí es donde Adalo cambia completamente la ecuación. Adalo es un constructor de aplicaciones sin código para aplicaciones web basadas en bases de datos y aplicaciones iOS y Android nativas, una versión en las tres plataformas. La construcción asistida por IA y la publicación simplificada permiten el lanzamiento en 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 e insignias de logros se vuelve accesible para cualquiera con una visión, sin necesidad de codificación.

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

Adalo es un constructor de aplicaciones sin código para aplicaciones web basadas en bases de datos y aplicaciones iOS y Android nativas, una versión en las tres plataformas, publicada en la App Store de Apple y Google Play. Esto la convierte en la base perfecta para crear una aplicación de fitness estilo Nike Run Club que requiere una arquitectura de base de datos sólida para rastrear carreras, almacenar estadísticas de usuario y gestionar características sociales, todo mientras 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. Tus 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 envoltorios web, asegurando que tu 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.

Crear 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 de dispositivos nativos, lo que tradicionalmente exige 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 sido un obstáculo entre la idea y la ejecución.

Adalo, un constructor de aplicaciones impulsado por IA, cambia completamente esa ecuación. Crea aplicaciones web basadas en bases de datos y aplicaciones iOS y Android nativas 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 el lanzamiento en 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 crear 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. Tus 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 la web, la App Store de 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 se 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 llegue a límites de almacenamiento mientras crece tu base de usuarios.

Ada, el constructor de IA de Adalo, te permite describir lo que deseas y genera tu app. Magic Start crea fundaciones de aplicaciones completas a partir de una descripción, mientras que Magic Add agrega funciones mediante lenguaje natural.

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 ahora 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 y regístrate para una cuenta gratuita
  2. Haz clic en "Crear nueva aplicación" desde tu panel
  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 crear 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 los botones de llamada a la acción
  3. Elige una fuente sans-serif limpia y moderna para legibilidad durante entrenamientos
  4. Habilita la opción de modo oscuro para carreras nocturnas
  5. Haz clic en "Continuar" para entrar en el constructor de aplicaciones

Paso 3: Configurar ajustes de plataforma

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

Construyendo la Estructura de la Base de Datos

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

Paso 4: Mejora la Colección de Usuarios

  1. Haz clic en el botón Base de datos icono en la barra lateral izquierda
  2. Selecciona la colección "Usuarios" preexistente
  3. Añade estas propiedades (haz clic en "+ Añadir propiedad" para cada una):
    • Nombre Completo (Texto)
    • Foto de perfil (Imagen)
    • Nombre de usuario (Texto – Único)
    • Biografía (Texto – Multilínea)
    • Peso (Número – para cálculos de calorías)
    • Altura (Número)
    • Unidad preferida (Texto – Valores: "Millas", "Kilómetros")
    • Distancia total (Número – total acumulado)
    • Carreras totales (Número)
    • Duración total (Número – en minutos)
    • Miembro Desde (Fecha – Automática al registrarse)
    • Racha actual (Número – días consecutivos)
    • Racha más larga (Número)
    • Configuración de privacidad (Texto – Valores: "Pública", "Solo amigos", "Privada")

Aprende sobre bases de datos

Paso 5: Crear la colección Carreras

  1. Haz clic en + Añadir colección
  2. Llámala "Carreras"
  3. Añade estas propiedades:
    • ID de carrera (Texto – Generado automáticamente)
    • Distancia (Número – en unidades preferidas del usuario)
    • Duración (Número – en segundos)
    • 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 la 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 (Texto – Multilínea)
    • Sensación (Texto – Valores: "Excelente", "Bien", "Aceptable", "Cansado", "Difícil")
    • Público/Privado (Verdadero/Falso)

Paso 6: Crear la colección Rutas

  1. Haz clic en + Añadir colección
  2. Asígnale el nombre "Rutas"
  3. Añade propiedades:
    • Nombre de la ruta (Texto)
    • Descripción (Texto – Multilínea)
    • 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 la ruta (Imagen)
    • Veces que se ha corrido (Número)
    • Calificación promedio (Número)
    • Es favorita (Verdadero/Falso)

Paso 7: Crear la colección Logros

  1. Haz clic en + Añadir colección
  2. Nómbrala "Logros"
  3. Añade propiedades:
    • Nombre del logro (Texto)
    • Descripción (Texto)
    • Icono de la Insignia (Imagen)
    • Tipo de criterio (Texto – Valores: "Distancia", "Carreras", "Racha", "Velocidad", "Especial")
    • Valor del criterio (Número)
    • Puntos (Número)
    • Fecha Obtenida (Fecha y Hora)
    • Está desbloqueado (Verdadero/Falso)

Paso 8: Crear la colección Desafíos

  1. Haz clic en + Añadir colección
  2. Asígnale el nombre "Desafíos"
  3. Añade propiedades:
    • Nombre del desafío (Texto)
    • Descripción (Texto – Multilínea)
    • Tipo de desafío (Texto – Valores: "Distancia", "Duración", "Frecuencia")
    • Valor de la meta (Número)
    • Fecha de Inicio (Fecha)
    • Fecha de Finalización (Fecha)
    • Progreso actual (Número)
    • Está Activo (Verdadero/Falso)
    • Está completado (Verdadero/Falso)
    • Insignia de recompensa (Imagen)

Paso 9: Crear la colección Muro social

  1. Haz clic en + Añadir colección
  2. Asígnale el nombre "Publicaciones"
  3. Añade propiedades:
    • Tipo de publicación (Texto – Valores: "Carrera completada", "Logro", "Foto", "Texto")
    • Título (Texto – Multilínea)
    • Imagen (Imagen)
    • Recuento 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 en + Añadir colección
  2. Nómbrala "Comentarios"
  3. Añade propiedades:
    • Texto del Comentario (Texto – Multilínea)
    • Fecha de Creación (Fecha y Hora – Automático)
    • Me gusta (Número)

Paso 11: Crear la colección de amistades

  1. Haz clic en + Añadir colección
  2. Llámala "Amistades"
  3. Añade 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 Posts colección:
    • Agregar relación a Usuarios: "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 requeridos

Paso 13: Instalar componentes de mapas y ubicación

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

Paso 14: Instalar componentes adicionales

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

Explorar marketplace

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, titular/subtítulo
  3. Añade botones de navegación:
    • Registrarse → Pantalla "Registrarse"
    • Iniciar Sesión → Pantalla "Iniciar sesión"
    • Continuar como invitado → "Inicio" (modo 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 navegar a "Encuesta de bienvenida"
  5. Iniciar Sesión enlace de texto para usuarios existentes

Paso 17: Crear pantalla de encuesta de bienvenida

  1. Agregar nueva pantalla → asignarle un nombre Encuesta de bienvenida.
  2. (Opcional) Agregar texto estático "Paso 1 de 3."
  3. Formulario (Actualizar → Usuario Conectado):
    • Objetivos (Menú desplegable): Comenzar a correr, Correr más rápido, Correr más distancia, Mantenerse activo, Entrenar para una carrera → guardar en Objetivo (Texto)
    • Frecuencia (Menú desplegable): Nuevo en running, 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 → Vincular a Preferencias de unidades (asegurar 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 (Menú desplegable): Público / Solo amigos / Privado → Configuración de privacidad
  4. Siguiente → Vincular 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. Explicar por qué se necesita la ubicación (seguimiento GPS).
  3. Habilitar ubicación → Solicitar permiso → Si tiene éxito, vincular a Inicio.
  4. Omitir por ahora → Vincular a Inicio.

Crear 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) → Vincular a Perfil
    • "Hola, {Nombre}" (usar fórmula)
    • Fecha actual (Texto mágico → formateado)
  3. Tarjetas de estadísticas:
    • Distancia de esta semana: Suma de Runs.Distance donde Runner = Usuario Conectado y la fecha es esta semana
    • Total de Carreras: Cantidad de Carreras donde Runner = Usuario Conectado
    • Racha Actual: Usuario Conectado → Racha Actual
  4. Inicio rápido:
    • Iniciar Carrera (principal) → Seguimiento de Carreras
    • 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 Objetivo), días restantes
    • Haz clic → Detalle del Desafío
  6. Feed de Actividad Reciente:
    • Lista Personalizada: Publicaciones filtradas por tu privacidad/lógica de amigos; ordenar más reciente primero (límite 5–10)
    • Mostrar autor, resumen, "hace tiempo" → Haz clic → Detalle de Publicación

Paso 21: Construir Navegación Inferior

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

Creación de la Experiencia de Seguimiento de Carreras

Paso 22: Construir Pantalla Previa a la Carrera

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

Paso 23: Crear Pantalla de Carrera Activa

Mapa + panel de estadísticas. Usar Ubicación actual del dispositivo (Texto Mágico) + Temporizador para guardar coordenadas periódicamente (por ejemplo, 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 Ejecuta y completar: distancia, duración, horas de inicio/fin, ruta, ritmo, elevación.

Calorías Quemadas (consciente de unidades):

  • Si kilómetros y kilogramos: Distance_km × Weight_kg × 1.0
  • Si millas y libras: Distance_mi × Weight_lb × 0.63

Agregar 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 a inicio).

Construyendo 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 de Resumen: Distancia Total, Carreras Totales, Ritmo Promedio para el período seleccionado.
  4. Lista Personalizada: Carreras filtradas por Runner = 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, icono 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 el 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, próximo 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)
  • Conteo 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 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: Activo por Fecha de Finalización asc; Disponible por Fecha de Inicio asc; Completado por Fecha de Finalización desc
  4. Diseño de Tarjeta: Nombre, descripción breve, tipo + objetivo, barra de progreso (calculado por usuario desde Carreras entre Inicio/Fin), "Finaliza {date}".
  5. Acciones:
    • Unirse al Desafío (Disponible): añadir Usuario Conectado a participantes → notificación → actualizar → cambiar pestaña a Activo
    • Ver Detalles (Activo/Completado): enlace a Detalle del Desafío (enviar registro)
  6. Estados Vacíos: Mensajes amables para cada pestaña.

Paso 33: Crear Pantalla de Detalle del 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 fechas del desafío
    • Duración: suma de Carreras.Duración (segundos) dentro de fechas
    • Frecuencia: conteo de Carreras dentro de fechas
    • Mostrar Anillo de Progreso + "{Actual} / {Objetivo}"
  4. Tabla de Clasificación (opcional): listar participantes con puntuación calculada; ordenar desc; mostrar rango/avatar/nombre/puntuación.
  5. Botones (condicional):
    • Únase a (si no es participante y antes del inicio) → añadir 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 Características Sociales

Paso 34: Crear Pantalla de Feed de Actividad

  1. Nueva pantallaFeed de Actividad.
  2. Pestañas: Siguiendo / Amigos / Todos → AlcanceFeed.
  3. Lista Personalizada: Posts
    • Filtrar por alcance y privacidad (por ejemplo, Siguiendo = autores que sigues; Amigos = amistades aceptadas; Todos = publicaciones públicas)
    • Ordenar: más reciente primero
    • Diseños de elementos:
      • Publicación de carrera: miniatura de mapa + estadísticas
      • Logro: insignia + texto
      • Foto: imagen + descripción
      • Texto: cuerpo
    • Acciones: Me gusta (activar/desactivar en Personas que dieron me gusta + actualizar Conteo de Me gusta), Comentar (a Detalle de Publicación), Compartir.

Paso 35: Crear Pantalla de Detalle de Publicación

  1. Espera Publica.
  2. Encabezado: autor (foto/nombre), hace X tiempo.
  3. Cuerpo: renderizar por tipo (mapa + estadísticas / insignia / imagen / texto).
  4. Me gusta: alternar Personas que les gusta + actualizar recuento.
  5. Comentarios: lista de Comentarios para esta publicación (más antiguo→más nuevo).
  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 se implementa). Vitrina de logros (lista horizontal → ver todo). Alternancia de cuadrícula/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 / Buscar amigos.

  • Amigos: lista de amistades aceptadas; buscar; tocar para ir al perfil.
  • Solicitudes: lista pendiente; aceptar/rechazar.
  • Buscar amigos: buscar por nombre de usuario/nombre; usuarios sugeridos; botones para agregar amigos.

Construir rutas y navegación

Paso 39: Crear pantalla de Rutas guardadas

Filtros (Mis rutas / Rutas comunitarias / Cerca). Lista personalizada de Rutas con vista previa de mapa, nombre, distancia, dificultad, superficie, veces recorrida, calificación promedio; alternancia de favorito; Crear ruta botón.

Paso 40: Crear pantalla de Detalles de ruta

Mapa grande con ruta completa; información (distancia/tiempo estimado, dificultad/superficie, elevación si está disponible, creador); estadísticas (tus veces recorrida, mejor marca, estadísticas comunitarias); acciones (Comenzar esta ruta, Guardar en favoritos, Compartir, Reportar problema).

Paso 41: Crear pantalla de Creador de ruta

Objetivo: Permitir que los usuarios construyan una ruta muestreando el GPS actual o agregando puntos manualmente, luego guarden 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 Mapas centrado en la ubicación actual. Marcadores vinculados a Puntos de ruta (Borrador) filtrados por Propietario = Usuario conectado (ordenado 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.
  • Borrar: 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

  • Preguntar al usuario por la distancia o calcular mediante una Acción personalizada (Haversine/tercero).
  • 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).

G. 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 para Detalle de Ruta (enviar registro).

Agregar Coaching de Audio y Orientación

Paso 42: Implementar Señales de Audio

Adalo no incluye un componente TTS de primera parte . Añade TTS mediante un componente del Mercado de terceros, un servicio externo o la API de Web Speech (web). Alternativamente, pre-graba señales de audio para hitos/ritmo/finalización y activa según cambios de distancia/tiempo/ritmo. Proporciona Configuración de Audio (habilitar, frecuencia, volumen).

Implementar Características de Privacidad y Seguridad

Paso 43: Construir Configuración de Privacidad

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

Consideraciones de privacidad

Paso 44: Crear Características de Seguridad

Contacto de emergencia; cambio Beacon opcional (compartir ubicación durante carreras mientras la aplicación está abierta); "Correr con Otros" (carrera de grupo virtual con ubicaciones autorizadas).

Crear Configuración y Preferencias

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

Cambios para notificaciones de actividad, desafíos, logros, sociales y motivacionales.

Prueba de tu aplicación

Paso 47: Crear Datos de Prueba

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

Paso 48: Probar Flujos de Usuario Principal

Incorporación → grabación de carrera (iniciar/pausar/reanudar/finalizar) → interacciones sociales → logros → controles de privacidad.

Paso 49: Probar en Múltiples Dispositivos

Usa aplicaciones de vista previa de Adalo en iOS/Android; prueba comportamiento de GPS con la aplicación abierta, notificaciones, sin conexión y capacidad de respuesta web. El rastreo de fondo/continuo es limitado en comparación con compilaciones nativas personalizadas.

Paso 50: Prueba de Rendimiento

Conjuntos de datos más grandes (100+ carreras, 50+ amigos), tiempos de carga, renderizado de mapas, filtrado de listas, carreras largas, GPS deficiente, caídas de red. Optimiza listas, imágenes y consultas. Usa 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.

Prepararse para el lanzamiento

Paso 51: Configurar integraciones de producción

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

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

Push: configurar iOS/Android y probar la entrega.

Paso 52: Crear activos de App Store

App Store de iOS:

  • Proporcionar requerido 6,7 pulgadas (p. ej., 1290 × 2796) y 5,5 pulgadas (1242 × 2208) capturas de pantalla; agregar iPad si aplica
  • 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
  • Proporcionar al menos 3 capturas de pantalla de teléfono; agregar capturas de pantalla de tablet si está optimizado
  • Gráfico destacado (1024 × 500), icono de aplicación (512 × 512), video promocional (opcional), descripciones, clasificación de contenido

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 App Stores

  • iOS: Desarrollador de Apple ($99/año). En Adalo, Publicar → iOS, completar información, cargar certificados, compilar y enviar a través de App Store Connect.
  • Android: Desarrollador de Google Play ($25 única vez). En Adalo, Publicar → Android, compilar AAB y cargar 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; planificar para varios días e iteraciones potenciales.

Descripción general de publicación

Optimización Post-Lanzamiento

Paso 55: Monitorear métricas clave

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

Paso 56: Recopilar comentarios de usuarios

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

Paso 57: Iterar y mejorar

Rendimiento (consultas, imágenes, paginación), funciones (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 funciones 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 limitado; establece expectativas acordemente e informa a los usuarios.

Mapas y enrutamiento

  • Utilice el Mapas componente para visualizar rutas desde coordenadas guardadas.
  • La navegación paso a paso, 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 en vivo

  • No hay sockets nativos para transmisiones en vivo. Para la presencia "en ejecución ahora" o tablas de clasificación en vivo, use encuesta basada en temporizador o conecte un backend en tiempo real externo a través de Acciones personalizadas/Colecciones Externas.

Rendimiento a escala

  • Mantenga las listas simples, habilite la carga progresiva y evite listas dentro de listas.
  • Para conjuntos de datos grandes (muchas carreras, publicaciones o amigos), mueva los datos a Colecciones Externas y sigue Optimiza el rendimiento orientación.
  • La infraestructura modular de Adalo 3.0 (lanzada a finales de 2025) es 3-4 veces más rápidas que versiones anteriores y se escala con las necesidades de su aplicación; sin límites de registros arbitrarios en planes pagos.

Notificaciones

  • Push funciona para usuarios instalados e identificados que han otorgado permisos.
  • Cree desencadenadores para nuevas carreras, comentarios, desafíos y recordatorios de racha.

Desglose de Costos y Recursos

Suscripción a Adalo

  • Los planes comienzan en $36/mes con uso ilimitado y publicación en la tienda de aplicaciones; sin cargos basados en uso ni facturas sorpresas.
  • Verifique los límites y características del plan actual en la página en vivo. los precios página.

Tiendas de aplicaciones

  • Apple Developer: $99/año.
  • Desarrollador de Google Play: $25 única vez.

Uso de mapas

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

Monetización opcional (pagos/suscripciones)

  • Agregue pagos o suscripciones con los Stripe componentes de Adalo. El precio varía según el país y el método de pago (gestione 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 al estilo Nike Run Club cubre registro de carrera con GPS (mientras la aplicación está abierta), historial de entrenamiento, logros/desafíosy intercambio social con componentes nativos de Adalo más integraciones API ligeras. Para funciones de grado de producción como seguimiento en segundo plano, navegación paso a paso, o presencia en vivo, conecte servicios externos a través de Acciones personalizadas/Colecciones externas, mantén las listas ajustadas, y prueba el rendimiento en dispositivos reales antes de publicar.

Preguntas frecuentes

¿Por qué elegir Adalo sobre otras soluciones de construcción de aplicaciones?

Adalo es un constructor de aplicaciones impulsado por IA que crea aplicaciones iOS y Android nativas verdaderas. 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 del lanzamiento de una aplicación manejada automáticamente. Los planes pagos incluyen registros de base de datos ilimitados y sin cargos basados en el 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 construcció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 se encarga del complejo proceso de envío de la 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 funciones sociales sin codificar?

Sí. Adalo incluye componentes de mercado para mapas, temporizadores y gráficos, además de servicios de ubicación nativos que capturan datos GPS mientras la aplicación está abierta. Puede crear registro de entrenamientos, insignias de logros, fuentes sociales y desafíos comunitarios completamente a través del generador visual.

¿Adalo admite notificaciones push para funciones de aplicaciones de fitness?

Sí, Adalo es totalmente compatible con notificaciones push para aplicaciones nativas de iOS y Android. Puede crear desencadenadores para completar carreras, actualizaciones de desafíos, recordatorios de racha, desbloques 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 grado 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. Añade Programa de Desarrollador de Apple ($99/año) y Desarrollador de Google Play ($25 única vez). Google Maps Platform incluye $250/crédito gratis mensual que cubre muchas aplicaciones pequeñas. Sin cargos sorpresa basados en uso.

¿Puedo agregar características de gamificación como logros y desafíos?

Sí. Crea colecciones de base de datos para logros y desafíos, acciones personalizadas para verificar hitos cuando se guardan las ejecuciones, y características sociales para compartir logros. Construye hitos de distancia, recompensas por rachas, logros de velocidad y desafíos comunitarios con tablas de clasificación, todo sin código.

¿Cuánto tiempo tarda en construir una aplicación de seguimiento de fitness?

Con Magic Start generando la base de tu aplicación y el constructor visual manejando pantallas y lógica, puedes tener un prototipo funcional en días. Una aplicación con todas las características 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 crear esta aplicación?

No se requiere codificación. El constructor visual de Adalo utiliza componentes de arrastrar y soltar, y Magic Add te permite describir características en lenguaje natural para generar cambios de base de datos y pantallas automáticamente. 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 2025) es 3-4 veces más rápida que 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, así que tu aplicación no chocará con límites de almacenamiento conforme tu base de usuarios crece.

Comienza a construir con una plantilla de aplicación

Construye tu aplicación rápidamente con una de nuestras plantillas de aplicación prediseñadas

Comienza a construir sin código