🏋️ Fitness & BMI Tracker

\n \n

\n Age\n \n

\n\n

\n Gender\n \n \n \n \n

\n\n

\n Height\n

\n \n \n \n \n \n

\n\n

\n Weight\n

\n \n \n \n \n \n

\n\n \n

\n\n {bmiResult && (\n

BMI Result: {bmiResult}

Diet Recommendations

{item}

Exercise Recommendations

{item}

\n )}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const KEY = \"adminAuthPage\";\n const SCHEMA_VERSION = 1;\n\n // Create fitness tracking table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_fitness_profiles_${SCHEMA_VERSION} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n username TEXT NOT NULL,\n age INTEGER,\n gender TEXT,\n height REAL,\n weight REAL,\n height_unit TEXT,\n weight_unit TEXT,\n bmi REAL,\n last_updated DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n if (request.method === 'POST') {\n const body = await request.json();\n \n // Save fitness profile\n await sqlite.execute(`\n INSERT INTO ${KEY}_fitness_profiles_${SCHEMA_VERSION} \n (username, age, gender, height, weight, height_unit, weight_unit, bmi)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?)\n `, [\n body.username,\n body.age,\n body.gender,\n body.height,\n body.weight,\n body.heightUnit,\n body.weightUnit,\n body.bmi\n ]);\n\n return Response.json({ success: true });\n }\n\n return new Response(`\n \n \n Fitness Tracker\n \n 💪\">\n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}\n\nconst css = `\nbody, html {\n margin: 0;\n padding: 0;\n font-family: 'Arial', sans-serif;\n background: linear-gradient(135deg, #f6d365 0%, #fda085 100%);\n height: 100%;\n}\n\n.fitness-container {\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n padding: 20px;\n}\n\n.fitness-wrapper {\n background: white;\n border-radius: 15px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n width: 500px;\n padding: 30px;\n text-align: center;\n}\n\nh1 {\n color: #333;\n margin-bottom: 20px;\n}\n\n.input-group {\n margin-bottom: 15px;\n text-align: left;\n}\n\n.input-group label {\n display: block;\n margin-bottom: 5px;\n color: #555;\n}\n\n.dual-input {\n display: flex;\n gap: 10px;\n}\n\n.input-group input, \n.input-group select {\n width: 100%;\n padding: 10px;\n border: 1px solid #ddd;\n border-radius: 5px;\n}\n\n.calculate-btn {\n width: 100%;\n padding: 12px;\n background: linear-gradient(135deg, #f6d365 0%, #fda085 100%);\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n transition: opacity 0.3s;\n}\n\n.calculate-btn:hover {\n opacity: 0.9;\n}\n\n.bmi-result {\n margin-top: 20px;\n background-color: #f9f9f9;\n padding: 20px;\n border-radius: 10px;\n}\n\n.recommendations {\n display: flex;\n justify-content: space-between;\n}\n\n.diet-rec, .exercise-rec {\n width: 48%;\n}\n\n.recommendations h3 {\n color: #333;\n border-bottom: 2px solid #f6d365;\n padding-bottom: 10px;\n}\n\n.recommendations ul {\n list-style-type: none;\n padding: 0;\n}\n\n.recommendations li {\n background-color: #fff;\n margin: 10px 0;\n padding: 10px;\n border-radius: 5px;\n box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/riyaditi/adminAuthPage/code/main.tsx","extension","actionData","errors"]