Crea un'applicazione web (SPA) minimalista e moderna in HTML/CSS/JS (Tailwind CSS) per tracciare il mio allenamento "Base 44 Calisthenics". Logica dell'applicazione: 1. Schema Fisso: L'utente esegue sempre 4 esercizi, uno al giorno, ciclicamente (Giorno 1: Push-up, Giorno 2: Trazioni, Giorno 3: Squat/Affondi, Giorno 4: Leg Raises). Non ci sono giorni di riposo forzati, il ciclo continua all'infinito. 2. Tracciamento Progressivo: - Dopo aver cliccato sul pulsante "Completato", l'app deve chiedere all'utente di inserire il numero di ripetizioni (o il tempo) eseguito fino al cedimento. - L'app deve memorizzare questo dato per ogni esercizio. 3. Statistiche e Recap: - Crea una sezione "Dashboard" che mostra: - La media delle ripetizioni per ogni esercizio nell'ultimo mese. - Il record personale (Personal Best) per ogni esercizio. - Un grafico semplice (usando una libreria leggera come Chart.js o una barra CSS) che mostri il trend di crescita. 4. Logica Mensile e Reset: - L'app deve tenere traccia del giorno del mese. - Al 30° giorno (o alla fine del ciclo), l'app deve mostrare un popup "Recap Mensile" con le statistiche totali, congratularsi con l'utente e offrire l'opzione "Reset per nuovo ciclo" o "Continua". 5. Design: - Dark mode, estetica "Sport Tech" (nero, grigio antracite, accenti neon). - LocalStorage per salvare tutti i dati (storico, medie, record) affinché non vadano persi. - Pulsanti grandi e chiari. Fornisci il codice completo pronto per essere eseguito in un ambiente browser.
Routines in this Program
Follow this program in Fitloop
Get step-by-step workouts with video demos, rest timers, and automatic progression tracking. Free on iOS and Android.