[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_204":205,"_206":207},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_153":-5,"_20":154,"_22":155,"_156":157,"_158":159,"_25":160,"_24":-5,"_161":-5,"_162":-5,"_163":56,"_164":165,"_166":47,"_167":-5,"_168":-5,"_169":170},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","kirios","name","untitled-9947","branchName","main","version","path","","project",{"_36":100,"_13":14,"_48":101,"_102":-5,"_103":56,"_104":105,"_106":105,"_107":-5,"_108":-5,"_109":110,"_111":78,"_112":47,"_113":47,"_114":-5,"_115":73,"_116":117,"_118":-5,"_119":-5,"_120":-5,"_121":-5,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_131":132,"_133":134,"_135":136,"_137":56},"tree",[83,84,85,86],"file","contents",[32,33,34,35],"upstream","pull","ahead","behind","envVars",{"_36":76,"_13":77,"_39":78,"_41":-5,"_42":43,"_44":79,"_46":47,"_48":80,"_17":64,"_51":65,"_53":81,"_55":56,"_57":-5,"_18":82},{"_36":68,"_13":69,"_39":70,"_41":-5,"_42":43,"_44":71,"_46":47,"_48":72,"_17":73,"_51":24,"_53":74,"_55":56,"_57":-5,"_18":75},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":62,"_46":47,"_48":63,"_17":64,"_51":65,"_53":66,"_55":56,"_57":-5,"_18":67},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":58},"id","5d81b1b8-31f2-11f0-a987-569c3dd06744","react.tsx","fileId","5401c89e-31f2-11f0-af42-569c3dd06744","parentId","branchId","4eb9f672-31f2-11f0-add3-569c3dd06744","branchVersion",3,"latest",true,"createdAt",["D",1747357746903],2,"fileType","script","content","// @ts-ignore\nimport { React } from \"https://esm.sh/react@18\";\n// @ts-ignore\nimport { useState } from \"https://esm.sh/react@18\";\n\nconst treinos = [\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 const [checklist, setChecklist] = useState<{ [key: number]: boolean }>({});\n\n const toggleCheck = (id: number) => {\n setChecklist((prev) => ({ ...prev, [id]: !prev[id] }));\n };\n\n return (\n

🏋️ 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",false,"label",[38],"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}",[60],"c175c7e0-31f2-11f0-8d8e-569c3dd06744","README.md","c175c8b2-31f2-11f0-8d8e-569c3dd06744",8,["D",1747357914591],0,"# 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",[69],"b7d4aee0-31f2-11f0-9748-569c3dd06744","ChassiDeAco.tsx","b6055d4e-31f2-11f0-a027-569c3dd06744",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}",[77],{"_36":76,"_13":77,"_39":78,"_41":-5,"_42":43,"_44":79,"_46":47,"_48":97,"_17":64,"_51":65,"_53":81,"_55":56,"_57":-5,"_88":98,"_18":99},{"_36":68,"_13":69,"_39":70,"_41":-5,"_42":43,"_44":71,"_46":47,"_48":94,"_17":73,"_51":24,"_53":74,"_55":56,"_57":-5,"_88":95,"_18":96},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":62,"_46":47,"_48":91,"_17":64,"_51":65,"_53":66,"_55":56,"_57":-5,"_88":92,"_18":93},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":87,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_88":89,"_18":90},["D",1747357746903],"children",[],[38],["D",1747357905898],[],[60],["D",1747357914591],[],[69],["D",1747357898435],[],[77],"4eb9a7d0-31f2-11f0-add3-569c3dd06744",["D",1747357722110],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","68cb99c0-31e9-11f0-850d-c3fec8914ba3","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","15df9586-c933-4316-a053-fe8c12d6e798","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_152":148},"org",{"_11":12,"_146":-5,"_147":148,"_109":110,"_149":150,"_151":56},"branch",{"_17":71,"_13":16,"_36":43,"_138":100,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":14,"_145":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ4OWNrbDlpSmFBN2t3QThTc1ZMSk5zZEhnSyJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":100,"_13":14,"_48":200,"_102":-5,"_103":56,"_104":105,"_106":105,"_107":-5,"_108":-5,"_109":110,"_111":78,"_112":47,"_113":47,"_114":-5,"_115":73,"_116":117,"_118":-5,"_119":-5,"_120":-5,"_121":-5,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_131":201,"_133":202,"_135":203,"_137":56},[188,189,190,191],"files",[188,189,190,191],"counts",{"_179":73,"_180":64,"_181":73,"_31":182,"_183":184},[171,172,173,174],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_36":76,"_13":77,"_39":78,"_41":-5,"_42":43,"_44":79,"_46":47,"_48":80,"_17":64,"_51":65,"_53":81,"_55":56,"_57":-5,"_18":178},{"_36":68,"_13":69,"_39":70,"_41":-5,"_42":43,"_44":71,"_46":47,"_48":72,"_17":73,"_51":24,"_53":74,"_55":56,"_57":-5,"_18":177},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":62,"_46":47,"_48":63,"_17":64,"_51":65,"_53":66,"_55":56,"_57":-5,"_18":176},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":175},[38],[60],[69],[77],"pulls","branches","forks",{"_185":73,"_187":73},"connections",{"_185":73,"_186":73},"count","unfilledCount","emptyCount",{"_36":76,"_13":77,"_39":78,"_41":-5,"_42":43,"_44":79,"_46":47,"_48":97,"_17":64,"_51":65,"_53":81,"_55":56,"_57":-5,"_88":198,"_18":199},{"_36":68,"_13":69,"_39":70,"_41":-5,"_42":43,"_44":71,"_46":47,"_48":94,"_17":73,"_51":24,"_53":74,"_55":56,"_57":-5,"_88":196,"_18":197},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":62,"_46":47,"_48":91,"_17":64,"_51":65,"_53":66,"_55":56,"_57":-5,"_88":194,"_18":195},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":87,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_88":192,"_18":193},[],[38],[],[60],[],[69],[],[77],["D",1747357722110],{"_11":12,"_152":148},{"_11":12,"_146":-5,"_147":148,"_109":110,"_149":150,"_151":56},{"_17":71,"_13":16,"_36":43,"_138":100,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":14,"_145":12},"ctx",{"_131":-5,"_168":237,"_238":239,"_240":241,"_242":56,"_243":56,"_244":56,"_245":47,"_246":-5,"_247":-7,"_248":-7,"_249":73,"_250":56,"_251":56,"_252":-5,"_253":56,"_254":56,"_255":56,"_256":-5},"ENV",{"_208":209,"_210":211,"_212":16,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","a3e067d4463eea85f6334f8e583e8516ae58c4f6","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"]

Code