Recommendations for {category}

🥗 Nutrition

{item}

🏃 Lifestyle

{item}

🍲 Recommended Recipes

{item}

\n );\n}\n\nfunction App() {\n const [systolic, setSystolic] = useState('');\n const [diastolic, setSiastolic] = useState('');\n const [pulse, setPulse] = useState('');\n const [readings, setReadings] = useState([]);\n const [error, setError] = useState('');\n const [selectedCategory, setSelectedCategory] = useState(null);\n\n useEffect(() => {\n fetchReadings();\n }, []);\n\n const fetchReadings = async () => {\n try {\n const response = await fetch('/readings');\n const data = await response.json();\n setReadings(data);\n } catch (err) {\n setError('Failed to fetch readings');\n }\n };\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n \n if (!systolic || !diastolic || !pulse) {\n setError('Please fill all fields');\n return;\n }\n\n try {\n const response = await fetch('/log', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ \n systolic: Number(systolic), \n diastolic: Number(diastolic), \n pulse: Number(pulse),\n date: new Date().toISOString()\n })\n });\n\n if (response.ok) {\n setSystolic('');\n setSiastolic('');\n setPulse('');\n setError('');\n fetchReadings();\n }\n } catch (err) {\n setError('Failed to log reading');\n }\n };\n\n return (\n

💓 Blood Pressure Tracker

\n {error &&

{error}

}\n \n\n

Recent Readings

\n {readings.map((reading, index) => (\n

\n 📅 {new Date(reading.date).toLocaleDateString()}\n {reading.systolic}/{reading.diastolic} mmHg\n ❤️ {reading.pulse} bpm\n setSelectedCategory(reading.category)}\n >\n {reading.category}\n \n

\n ))}\n

\n\n {selectedCategory && (\n \n )}\n

\n );\n}\n\nconst styles = {\n container: {\n maxWidth: '600px',\n margin: '0 auto',\n padding: '20px',\n fontFamily: 'Arial, sans-serif',\n },\n form: {\n display: 'flex',\n flexDirection: 'column',\n gap: '10px',\n marginBottom: '20px',\n },\n error: {\n color: 'red',\n marginBottom: '10px',\n },\n readings: {\n border: '1px solid #ddd',\n borderRadius: '5px',\n padding: '10px',\n },\n reading: {\n display: 'flex',\n justifyContent: 'space-between',\n padding: '10px',\n borderBottom: '1px solid #eee',\n },\n recommendationsContainer: {\n marginTop: '20px',\n padding: '15px',\n backgroundColor: '#f9f9f9',\n borderRadius: '8px',\n },\n recommendationSection: {\n marginBottom: '15px',\n }\n};\n\nfunction getCategoryStyle(category) {\n const styles = {\n 'Healthy': { color: 'green' },\n 'Elevated': { color: 'orange' },\n 'Stage 1 Hypertension': { color: 'darkorange' },\n 'Stage 2 Hypertension': { color: 'red' },\n 'Hypertensive Crisis': { color: 'darkred', fontWeight: 'bold' }\n };\n return styles[category] || {};\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 = \"BP_Tracker\";\n const SCHEMA_VERSION = 2;\n\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_bp_readings_${SCHEMA_VERSION} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n systolic INTEGER NOT NULL,\n diastolic INTEGER NOT NULL,\n pulse INTEGER NOT NULL,\n category TEXT NOT NULL,\n date TEXT NOT NULL\n )\n `);\n\n if (request.method === 'POST' && new URL(request.url).pathname === '/log') {\n const body = await request.json();\n const category = categorizeBP(body.systolic, body.diastolic);\n\n await sqlite.execute(`\n INSERT INTO ${KEY}_bp_readings_${SCHEMA_VERSION} \n (systolic, diastolic, pulse, category, date) \n VALUES (?, ?, ?, ?, ?)\n `, [body.systolic, body.diastolic, body.pulse, category, body.date]);\n\n return Response.json({ success: true });\n }\n\n if (request.method === 'GET' && new URL(request.url).pathname === '/readings') {\n const result = await sqlite.execute(`\n SELECT * FROM ${KEY}_bp_readings_${SCHEMA_VERSION} \n ORDER BY date DESC \n LIMIT 10\n `);\n\n return Response.json(result.rows);\n }\n\n return new Response(`\n \n \n Blood Pressure Tracker\n \n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}","deleted","label",[98],"permalink","https://www.val.town/x/anna_kagai/BP_Tracker/code/main.tsx","extension","actionData","errors"]