🏋️ 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",[111],"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}",[129],"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",[138],"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}",[144],"pulls","branches","forks","envVars",{"_156":41,"_158":41},"connections",{"_156":41,"_157":41},"count","unfilledCount","emptyCount",{"_18":143,"_20":144,"_112":35,"_114":-5,"_115":67,"_116":145,"_118":37,"_22":173,"_64":133,"_121":134,"_123":147,"_125":26,"_126":-5,"_164":174,"_84":175},{"_18":137,"_20":138,"_112":139,"_114":-5,"_115":67,"_116":65,"_118":37,"_22":170,"_64":41,"_121":95,"_123":141,"_125":26,"_126":-5,"_164":171,"_84":172},{"_18":128,"_20":129,"_112":130,"_114":-5,"_115":67,"_116":131,"_118":37,"_22":167,"_64":133,"_121":134,"_123":135,"_125":26,"_126":-5,"_164":168,"_84":169},{"_18":110,"_20":111,"_112":113,"_114":-5,"_115":67,"_116":117,"_118":37,"_22":163,"_64":120,"_121":122,"_123":124,"_125":26,"_126":-5,"_164":165,"_84":166},["D",1747357746903],"children",[],[111],["D",1747357905898],[],[129],["D",1747357914591],[],[138],["D",1747357898435],[],[144],["D",1747357722110],{"_16":17,"_82":78},{"_16":17,"_76":-5,"_77":78,"_32":33,"_79":80,"_81":26},{"_64":65,"_20":66,"_18":67,"_68":19,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":21,"_75":17},"ctx",{"_57":-5,"_103":213,"_214":215,"_216":217,"_218":26,"_219":26,"_220":26,"_221":37,"_222":-5,"_223":-7,"_224":-7,"_225":41,"_226":26,"_227":26,"_228":-5,"_229":26,"_230":26,"_231":26,"_232":-5},"ENV",{"_184":185,"_186":187,"_188":66,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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"]

Search