Marea
App para planificar semanas de carga y descarga y registrar lo que levantás. Arma el ciclo según tu enfoque, tus marcas y tus objetivos, y semana a semana compara lo que cargás con lo planeado.
Es una app web instalable (PWA): funciona en el navegador, se instala en el iPhone como cualquier app y abre sin conexión. No necesita instalar nada para desarrollarla.
Probarla en la compu
Abrí PowerShell en esta carpeta y corré:
powershell -ExecutionPolicy Bypass -File tools\servidor.ps1
Después entrá a http://localhost:8765. Para cortarlo, Ctrl+C.
(Abrir index.html con doble clic no alcanza: la app necesita un servidor, aunque sea local.)
Dónde está publicada
https://marea-bice.vercel.app
El código vive en GitHub (syoung29/marea) y Vercel está conectado al repo: cada cambio que se sube a la rama main se publica solo en esa dirección, en unos segundos.
git add -A
git commit -m "Qué cambió"
git push
Si cambiás qué archivos usa la app (agregás o renombrás uno), sumalo a la lista de sw.js y subí el número de CACHE (por ejemplo marea-v2) para que el teléfono no se quede con lo viejo.
Instalarla en el iPhone
- Abrí https://marea-bice.vercel.app en Safari.
- Tocá Compartir → Agregar a inicio → Agregar.
- Queda el ícono de Kilo en la pantalla de inicio y abre a pantalla completa, también sin conexión.
Dónde quedan tus datos
Todo se guarda en el dispositivo (no hay cuentas todavía). Desde la pestaña Plan → Tus datos podés descargar un respaldo y restaurarlo en otro teléfono. Conviene hacerlo de vez en cuando.
Cómo está organizado
| Archivo | Qué hace |
|---|
index.html | Página de presentación (lo que ve quien recibe el link) |
app/index.html | La app; desde acá se instala en el teléfono |
privacidad.html | Política de privacidad (se abre en /privacidad) |
og.png | Imagen que aparece al compartir el link (se genera con tools/og.ps1) |
css/app.css | Colores, tipografías y animaciones |
css/sitio.css, js/sitio.js | Estilos y animaciones de la presentación |
js/ejercicios.js | Base de ejercicios: grupos, cómo se registra cada uno y cuáles se calculan con tu 1RM |
js/motor.js | El algoritmo: fases, carga y descarga, esquema por función de cada ejercicio, proyecciones, correcciones y revisión de rutina. Explicado en docs/metodologia.md |
js/mascotas.js | Kilo, Disco y la escena de mareas |
js/app.js | Pantallas, primeros pasos, registro y guardado |
sw.js | Guarda la app para que abra sin conexión |
tools/ | Servidor local y generador de íconos |
Para sumar un ejercicio a la base, agregalo en js/ejercicios.js con un id nuevo (no cambies los existentes: el historial se guarda con ese id).
Próximos pasos
- Cuentas y sincronización: una base de datos en la nube (por ejemplo Supabase, que tiene plan gratuito) para tener tus datos en el teléfono y la compu, y que tu entrenador vea tu plan.
- App Store: envolver esta misma app con Capacitor. Para publicarla en la App Store hace falta una cuenta de desarrollador de Apple (USD 99 por año) y compilarla en una Mac o en un servicio de compilación en la nube.
- Más adelante: enfoques por deporte y ajuste por edad.
