🏋️ Chassi de Aço

\n {treinos.map((treino) => (\n

\n \n

{treino.nome}

{treino.descricao}

“{treino.frase}”

⏱ Tempo estimado: {treino.tempo}

\n toggleCheck(treino.id)}\n className={`mt-4 px-4 py-2 rounded-xl font-semibold transition-all ${\n checklist[treino.id]\n ? \"bg-green-500 text-black border-2 border-green-300\"\n : \"bg-transparent border-2 border-red-500 hover:bg-red-500\"\n }`}\n >\n {checklist[treino.id] ? \"✅ Treino Concluído\" : \"☐ Marcar como feito\"}\n \n

\n ))}\n

\n );\n}","deleted","label",[117],"bc468584-31f2-11f0-9934-569c3dd06744","index.ts","ba959c34-31f2-11f0-91c0-569c3dd06744",7,["D",1747357905898],1,"http","import { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nexport default async function (req: Request) {\n // Serve the React app\n return serveFile(\"/ChassiDeAco.tsx\", import.meta.url);\n}",[135],"c175c7e0-31f2-11f0-8d8e-569c3dd06744","README.md","c175c8b2-31f2-11f0-8d8e-569c3dd06744",["D",1747357914591],"# Chassi de Aço - Aplicativo de Treinos\n\nUm aplicativo simples para acompanhar treinos de calistenia e exercícios físicos.\n\n## Funcionalidades\n\n- Exibe uma lista de treinos com imagens, descrições e frases motivacionais\n- Permite marcar treinos como concluídos\n- Salva o progresso no localStorage do navegador\n- Exibe estatísticas de progresso e último treino realizado\n- Design responsivo para dispositivos móveis e desktop\n- Animações suaves para melhor experiência do usuário\n\n## Tecnologias Utilizadas\n\n- React 18.2.0\n- TypeScript\n- Framer Motion para animações\n- TailwindCSS para estilização\n- LocalStorage para persistência de dados\n\n## Como Usar\n\n1. Acesse o aplicativo através do link fornecido\n2. Navegue pelos diferentes treinos disponíveis\n3. Clique em \"Marcar como feito\" após completar um treino\n4. Acompanhe seu progresso na barra de progresso no topo\n5. Use o botão \"Resetar progresso\" para começar novamente\n\n## Estrutura do Projeto\n\n- `index.ts` - Ponto de entrada HTTP que serve o aplicativo React\n- `ChassiDeAco.tsx` - Componente principal do aplicativo React\n\n## Próximas Melhorias Planejadas\n\n- Adicionar mais treinos e categorias\n- Implementar sistema de níveis baseado no progresso\n- Adicionar temporizador para cada treino\n- Permitir que usuários criem seus próprios treinos personalizados",[144],"b7d4aee0-31f2-11f0-9748-569c3dd06744","ChassiDeAco.tsx",5,["D",1747357898435],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { motion } from \"https://esm.sh/framer-motion@10.16.4?deps=react@18.2.0\";\n\n// Define interfaces for better type safety\ninterface Treino {\n id: number;\n nome: string;\n tempo: string;\n imagem: string;\n descricao: string;\n frase: string;\n}\n\nconst treinos: Treino[] = [\n {\n id: 1,\n nome: \"Rotina Iniciante de Calistenia\",\n tempo: \"10 minutos\",\n imagem: \"https://cdn.pixabay.com/photo/2017/01/06/19/15/pushups-1959199_1280.jpg\",\n descricao: \"Treino com foco em flexões, aquecimento e agachamentos para iniciantes.\",\n frase: \"Você é mais forte do que imagina.\",\n },\n {\n id: 2,\n nome: \"Desafio Flexão Básico\",\n tempo: \"5 minutos\",\n imagem: \"https://cdn.pixabay.com/photo/2016/11/29/05/14/adult-1867743_1280.jpg\",\n descricao: \"Flexões padrão com atenção à postura e respiração.\",\n frase: \"Cada flexão te deixa mais imbatível.\",\n },\n {\n id: 3,\n nome: \"Força nas Pernas\",\n tempo: \"8 minutos\",\n imagem: \"https://cdn.pixabay.com/photo/2016/11/14/04/36/athletes-1822459_1280.jpg\",\n descricao: \"Agachamentos e mobilidade de quadril para fortalecer a base.\",\n frase: \"Pernas firmes, mente firme.\",\n },\n {\n id: 4,\n nome: \"Explosão Total\",\n tempo: \"12 minutos\",\n imagem: \"https://cdn.pixabay.com/photo/2020/05/10/15/07/sport-5153052_1280.jpg\",\n descricao: \"Mix de flexões, agachamentos e saltos para aumentar resistência.\",\n frase: \"Vai na pressão, volta com poder.\",\n },\n {\n id: 5,\n nome: \"Alongamento + Respiração\",\n tempo: \"7 minutos\",\n imagem: \"https://cdn.pixabay.com/photo/2021/03/01/16/34/fitness-6060979_1280.jpg\",\n descricao: \"Resfriamento guiado para regenerar o corpo e a mente.\",\n frase: \"O crescimento vem no descanso.\",\n },\n];\n\nexport default function ChassiDeAco() {\n // Load checklist from localStorage on initial render\n const [checklist, setChecklist] = useState<{ [key: number]: boolean }>(() => {\n const savedChecklist = localStorage.getItem('chassiDeAcoChecklist');\n return savedChecklist ? JSON.parse(savedChecklist) : {};\n });\n \n // Track when the user last worked out\n const [lastWorkout, setLastWorkout] = useState(() => {\n return localStorage.getItem('chassiDeAcoLastWorkout');\n });\n\n // Save checklist to localStorage whenever it changes\n useEffect(() => {\n localStorage.setItem('chassiDeAcoChecklist', JSON.stringify(checklist));\n }, [checklist]);\n\n const toggleCheck = (id: number) => {\n setChecklist((prev) => {\n const newState = { ...prev, [id]: !prev[id] };\n \n // If marking as completed, update the last workout date\n if (!prev[id]) {\n const now = new Date().toLocaleDateString('pt-BR');\n localStorage.setItem('chassiDeAcoLastWorkout', now);\n setLastWorkout(now);\n }\n \n return newState;\n });\n };\n\n // Calculate progress percentage\n const completedCount = Object.values(checklist).filter(Boolean).length;\n const progressPercentage = (completedCount / treinos.length) * 100;\n\n // Reset all progress\n const resetProgress = () => {\n if (confirm('Tem certeza que deseja resetar todo o seu progresso?')) {\n setChecklist({});\n localStorage.removeItem('chassiDeAcoLastWorkout');\n setLastWorkout(null);\n }\n };\n\n return (\n

\n \n

\n 🏋️ Chassi de Aço\n

Transforme seu corpo com treinos rápidos e eficientes

\n \n {/* Progress tracker */}\n

Seu Progresso

\n {completedCount}/{treinos.length} treinos\n

\n \n

\n {lastWorkout && (\n

Último treino: {lastWorkout}

\n )}\n \n

\n\n

\n {treinos.map((treino) => (\n \n

\n \n

\n ⏱ {treino.tempo}\n

\n \n

{treino.nome}

{treino.descricao}

\"{treino.frase}\"

\n \n toggleCheck(treino.id)}\n className={`mt-4 w-full px-4 py-3 rounded-xl font-semibold transition-all ${\n checklist[treino.id]\n ? \"bg-green-500 text-black border-2 border-green-300\"\n : \"bg-transparent border-2 border-red-500 hover:bg-red-500 hover:text-white\"\n }`}\n >\n {checklist[treino.id] ? \"✅ Treino Concluído\" : \"☐ Marcar como feito\"}\n \n

\n \n ))}\n

\n \n \n \n

\n );\n}",[150],"pulls","forks","envVars",{"_161":53,"_163":53},"connections",{"_161":53,"_162":53},"count","unfilledCount","emptyCount",{"_20":149,"_13":150,"_118":47,"_120":-5,"_121":21,"_122":151,"_124":49,"_22":178,"_29":139,"_127":140,"_129":153,"_131":38,"_132":-5,"_169":179,"_89":180},{"_20":143,"_13":144,"_118":145,"_120":-5,"_121":21,"_122":30,"_124":49,"_22":175,"_29":53,"_127":101,"_129":147,"_131":38,"_132":-5,"_169":176,"_89":177},{"_20":134,"_13":135,"_118":136,"_120":-5,"_121":21,"_122":137,"_124":49,"_22":172,"_29":139,"_127":140,"_129":141,"_131":38,"_132":-5,"_169":173,"_89":174},{"_20":116,"_13":117,"_118":119,"_120":-5,"_121":21,"_122":123,"_124":49,"_22":168,"_29":126,"_127":128,"_129":130,"_131":38,"_132":-5,"_169":170,"_89":171},["D",1747357746903],"children",[],[117],["D",1747357905898],[],[135],["D",1747357914591],[],[144],["D",1747357898435],[],[150],["D",1747357722110],{"_11":12,"_87":83},{"_11":12,"_81":-5,"_82":83,"_44":45,"_84":85,"_86":38},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_76":-5,"_77":-5,"_78":-5,"_79":14,"_80":12},"ctx",{"_69":-5,"_109":218,"_219":220,"_221":222,"_223":38,"_224":38,"_225":38,"_226":49,"_227":-5,"_228":-7,"_229":-7,"_230":53,"_231":38,"_232":38,"_233":-5,"_234":38,"_235":38,"_236":38,"_237":-5},"ENV",{"_189":190,"_191":192,"_193":26,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Branches1

Branches
1