Aquí vas a registrar tu día a día — peso, medidas, comidas y cómo te sientes.
No es para juzgarte, es para que dentro de 84 días veas de dónde vienes.
{done}/{total}
Días registrados
{pct}% del camino
Cada día que registras suma. No hace falta que sean perfectos — solo reales.
Cuando llegues a los 84 días desbloquearás la última pestaña con algo preparado para ti.
updateMeal(m.key, { kcal: v })} placeholder="0" small />
updateMeal(m.key, { p: v })} placeholder="0" small />
);
})}
Kcal del día
{Math.round(totals.kcal)}
Proteína
{Math.round(totals.p)}g
);
}
// --- Historial ---
function HistoryScreen({ state, setState }) {
const total = TRACK_CONFIG.totalDays;
const targetK = parseFloat(state.targetKcal) || null;
const targetP = parseFloat(state.targetProtein) || null;
const startDate = state.startDate ? new Date(state.startDate) : null;
const dateFor = (n) => startDate
? new Date(startDate.getTime() + (n - 1) * 86400000).toLocaleDateString('es-ES', { day: '2-digit', month: 'short' })
: '—';
// color para kcal: verde si <= objetivo, rojo si pasa
const kcalClass = (k) => { if (!k || !targetK) return ''; return k <= targetK ? 'cell-good' : 'cell-bad'; };
// color para prote: verde si >= objetivo, rojo si no llega
const proClass = (p) => { if (!p || !targetP) return ''; return p >= targetP ? 'cell-good' : 'cell-bad'; };
// pasos: verde si >= 12000, rojo si menos (solo si hay dato)
const stepsClass = (s) => { const v = parseFloat(s); if (!v) return ''; return v >= 12000 ? 'cell-good' : 'cell-bad'; };
// Construimos filas: día, día,... cada 7 días intercalamos resumen semanal
const rows = [];
for (let w = 1; w <= Math.ceil(total / 7); w++) {
const weekStart = (w - 1) * 7 + 1;
const weekEnd = Math.min(w * 7, total);
for (let n = weekStart; n <= weekEnd; n++) {
rows.push({ kind: 'day', n });
}
// resumen de la semana completa
if (weekEnd >= weekStart) rows.push({ kind: 'week', w, weekStart, weekEnd });
}
// calculo de resumen semanal
const weekSummary = (weekStart, weekEnd) => {
const ds = [];
for (let i = weekStart; i <= weekEnd; i++) {
const d = state.days[i];
if (d) ds.push(d);
}
if (!ds.length) return null;
const weights = ds.map(d => parseFloat(d.weight)).filter(v => !isNaN(v));
const avgWeight = weights.length ? (weights.reduce((a,b) => a+b, 0) / weights.length).toFixed(1) : null;
const withMeals = ds.filter(d => Object.values(d.meals || {}).some(m => m.kcal));
const avgKcal = withMeals.length ? Math.round(withMeals.reduce((a,d) => a + sumDay(d).kcal, 0) / withMeals.length) : null;
const avgP = withMeals.length ? Math.round(withMeals.reduce((a,d) => a + sumDay(d).p, 0) / withMeals.length) : null;
const steps = ds.map(d => parseFloat(d.steps)).filter(v => !isNaN(v));
const avgSteps = steps.length ? Math.round(steps.reduce((a,b) => a+b, 0) / steps.length) : null;
const trainedCount = ds.filter(d => d.trained).length;
return { avgWeight, avgKcal, avgP, avgSteps, trainedCount, daysLogged: ds.length };
};
return (
Tu recorrido
Historial completo
Cada fila es un día — pulsa para editarlo. Al cerrar cada semana verás el resumen con promedios.
Verde = cumpliste el objetivo, rojo = te pasaste o te quedaste corta.
{(!targetK || !targetP) && ⚠ Configura tus objetivos de kcal y proteína en la portada para ver los colores.}
Día
Fecha
Peso
Kcal
Proteína
Pasos
Entreno
{rows.map((r, idx) => {
if (r.kind === 'day') {
const n = r.n;
const d = state.days[n];
const filled = d && (d.weight || d.steps || d.trained || Object.values(d.meals || {}).some(m => m && (m.kcal || m.p)));
const k = d ? Math.round(sumDay(d).kcal) : 0;
const p = d ? Math.round(sumDay(d).p) : 0;
const stepsVal = d && d.steps ? parseFloat(d.steps) : 0;
return (
);
}
// --- TuGPT — GymStarter, el coach ya hecho ---
const GYMSTARTER_URL = "https://chatgpt.com/g/g-6a1c06147d9c819186e296252e210727-gymstarter";
function AIScreen({ state }) {
return (
Tu coach, a un clic
GymStarter
Convierte ChatGPT en tu coach fitness personal para estas 12 semanas. GymStarter te ayuda a
calcular calorías y macros, registrar comidas, analizar fotos de platos y resolver dudas de
entrenamiento y alimentación en segundos.
Háblale como si fuera una persona normal: envíale lo que comes, pregúntale qué pedir fuera,
pídele ideas de comidas o revisa cuánto llevas en el día. Rápido, práctico y sin complicarte
con nutrición avanzada.
Pulsa “Empezar mi seguimiento” o simplemente escribe “Quiero empezar”.
02
Te preguntará lo básico
Edad, altura, peso y nivel de actividad. Nada más — en un par de mensajes lo tiene.
03
Te calcula tus objetivos
Automáticamente te da tus calorías, proteína, grasas y carbohidratos.
Cópialos en la portada de Seguimiento y el historial empezará a pintarse en verde y rojo.
{/* Qué puedes hacer */}
Qué puedes hacer cada día
✎
Registrar comidas
Escríbele lo que comes, en lenguaje normal:
“2 huevos y 3 tostadas”
“200 g de pollo + arroz”
“Hoy desayuné café y una arepa”
Te devuelve kcal, proteína, carbohidratos, grasas y el total del día.
Estima calorías, macros y porciones aproximadas. Cuanto más clara la foto, más preciso.
{/* Preguntas */}
Preguntas que le puedes hacer
“¿Cuántas kcal llevo hoy?”
“¿Qué puedo cenar alto en proteína?”
“¿Cómo llego a mis macros?”
“¿Qué pido en McDonald’s?”
“Dame una cena de menos de 600 kcal”
“¿Cómo compenso si me pasé ayer?”
“¿Qué snack me recomiendas?”
“No me gusta el brócoli, dame alternativas”
{/* Importante + consejo */}
Importante
GymStarter no sustituye a médicos ni nutricionistas. Es una guía práctica
del día a día, rápida y fácil. No necesitas saber de macros: úsalo como un chat normal.
El consejo que más funciona
Quien mejores resultados consigue registra a diario, pesa la comida de vez en cuando para
aprender porciones, y abre el GPT todos los días aunque sea 2 minutos.
La constancia vale más que hacerlo perfecto.
);
}
// --- Pestaña bloqueada / revelación ---
function LockedScreen({ state }) {
const done = daysCompleted(state);
const total = TRACK_CONFIG.totalDays;
return (
✦
Aún no es el momento
Esta pestaña se desbloquea cuando registres los {total} días de tu programa. Sigue tu camino y nos vemos aquí.
{done} / {total} DÍAS
);
}
function RevealScreen({ state, setState }) {
const [photoAfter, setPhotoAfter] = useState(state.photoAfter || '');
const [confirming, setConfirming] = useState(false);
const restartReto = () => {
try { localStorage.setItem('gymsis:entrenos:done', '{}'); } catch (e) {}
setState(s => ({
startDate: '',
userName: s.userName || '',
targetKcal: '',
targetProtein: '',
photoBefore: '',
photoAfter: '',
days: {},
journal: [],
view: { screen: 'home', day: 1 },
}));
};
useEffect(() => {
if (photoAfter !== state.photoAfter) {
// guardar cuando se suba la foto después
}
}, [photoAfter]);
const totalEntries = Object.keys(state.days).length;
const trainedCount = Object.values(state.days).filter(d => d && d.trained).length;
const avgKcal = (() => {
const days = Object.values(state.days).filter(d => d && Object.values(d.meals || {}).some(m => m.kcal));
if (!days.length) return 0;
const sum = days.reduce((a, d) => a + sumDay(d).kcal, 0);
return Math.round(sum / days.length);
})();
const firstWeight = (() => { for (let i = 1; i <= 84; i++) { const d = state.days[i]; if (d && d.weight) return parseFloat(d.weight); } return null; })();
const lastWeight = (() => { for (let i = 84; i >= 1; i--) { const d = state.days[i]; if (d && d.weight) return parseFloat(d.weight); } return null; })();
const weightChange = (firstWeight != null && lastWeight != null) ? (lastWeight - firstWeight).toFixed(1) : '—';
return (
Lo conseguiste
84 días después
Aquí tienes a la mujer que empezó esto — y a la que sale hoy al otro lado. Sube tu foto “después” y colócalas lado a lado.
Iba de demostrarte que eres capaz de sostener algo durante 84 días seguidos. Y lo hiciste.
El cuerpo que tienes hoy lo construiste tú: comida a comida, entreno a entreno, decisión a decisión. Nadie puede quitarte eso.
— Ahora el siguiente capítulo es tuyo.
{totalEntries}
Días registrados
{trainedCount}
Entrenos completados
{avgKcal || '—'}
Kcal media / día
{weightChange} kg
Peso (inicio → fin)
¿Y ahora qué?
Esto fue el principio. Si te apetece volver a empezar con fuerzas renovadas, puedes reiniciar el reto desde cero.
{confirming && (
setConfirming(false)}>
e.stopPropagation()}>
¿Seguro que quieres reiniciar?
Se borrarán todos tus datos: días registrados, peso, comidas, pasos, entrenos, tu diario y tus fotos de antes y después. Tendrás que empezar de nuevo desde el día 1.
Un espacio solo tuyo. Escribe sin filtros: una frase, una victoria,
un bajón, una idea. Cada entrada queda guardada con su fecha.
Dentro de tres meses volverás y verás de dónde vienes.
↓ Descargar foto de antes
: