\n \n ← Back to exams\n \n\n

📖 Your Study Plan

Here's your personalized countdown and study schedule.

\n\n {plan.map((exam, i) => (\n

{exam.name}

{exam.subject} · {formatDate(exam.date)}

\n \n

\n\n

Study Sessions

\n {exam.sessions.map((session, j) => (\n

{session.day}

{session.task}

\n ))}\n

\n ))}\n\n

Good luck! 🍀 You've got this.

\n view source\n

\n );\n}\n",[174,93,82],"a759e116-54ba-11f1-94c6-ee650bb23af1",["D",1779329607343],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nexport interface ExamData {\n name: string;\n subject: string;\n date: string;\n}\n\ninterface ExamCardProps {\n index: number;\n exam: ExamData;\n onChange: (index: number, field: keyof ExamData, value: string) => void;\n}\n\nconst colors = [\n { badge: \"bg-green-800 text-green-100\", number: \"text-green-600\" },\n { badge: \"bg-amber-700 text-amber-100\", number: \"text-amber-600\" },\n { badge: \"bg-rose-800 text-rose-100\", number: \"text-rose-600\" },\n];\n\nexport function ExamCard({ index, exam, onChange }: ExamCardProps) {\n const color = colors[index] || colors[0];\n\n return (\n

\n \n Exam\n \n {index + 1}\n

\n\n

\n Exam name\n onChange(index, \"name\", (e.target as HTMLInputElement).value)}\n class=\"w-full bg-stone-700 border border-stone-600 rounded-lg px-4 py-3 text-stone-100 placeholder-stone-500 focus:outline-none focus:ring-2 focus:ring-stone-500\"\n />\n

\n Subject / course\n onChange(index, \"subject\", (e.target as HTMLInputElement).value)}\n class=\"w-full bg-stone-700 border border-stone-600 rounded-lg px-4 py-3 text-stone-100 placeholder-stone-500 focus:outline-none focus:ring-2 focus:ring-stone-500\"\n />\n

\n\n

\n Date & time\n onChange(index, \"date\", (e.target as HTMLInputElement).value)}\n class=\"w-full bg-stone-700 border border-stone-600 rounded-lg px-4 py-3 text-stone-100 focus:outline-none focus:ring-2 focus:ring-stone-500\"\n />\n

\n );\n}\n",[174,93,67],"b5d01d5a-54ba-11f1-88d6-ee650bb23af1",["D",1779329631608],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { ExamCard, type ExamData } from \"./ExamCard.tsx\";\nimport { StudyPlan } from \"./StudyPlan.tsx\";\n\nconst emptyExams: ExamData[] = [\n { name: \"\", subject: \"\", date: \"\" },\n { name: \"\", subject: \"\", date: \"\" },\n { name: \"\", subject: \"\", date: \"\" },\n];\n\nexport function App() {\n const [exams, setExams] = useState(emptyExams);\n const [plan, setPlan] = useState(null);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(\"\");\n\n const handleChange = (index: number, field: keyof ExamData, value: string) => {\n setExams((prev) => {\n const next = [...prev];\n next[index] = { ...next[index], [field]: value };\n return next;\n });\n };\n\n const hasAtLeastOneExam = exams.some((e) => e.name && e.date);\n\n const handleSubmit = async () => {\n if (!hasAtLeastOneExam) {\n setError(\"Please fill in at least one exam with a name and date.\");\n return;\n }\n setError(\"\");\n setLoading(true);\n try {\n const res = await fetch(\"/api/study-plan\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ exams }),\n });\n const data = await res.json();\n setPlan(data.plan);\n } catch (err) {\n setError(\"Something went wrong. Please try again.\");\n } finally {\n setLoading(false);\n }\n };\n\n if (plan) {\n return (\n

\n setPlan(null)} />\n

\n );\n }\n\n return (\n

Final exam planner

\n Enter your 3 exams to start your countdown and study plan.\n

\n\n

\n {exams.map((exam, i) => (\n \n ))}\n

\n\n {error && (\n

{error}

\n )}\n\n \n {loading ? \"Building...\" : \"Build my study plan\"}\n \n\n

\n view source\n

\n );\n}\n",[174,93,91],"pulls","branches",1,"forks","envVars",{"_198":26,"_200":26},"connections",{"_198":26,"_199":26},"count","unfilledCount","emptyCount",{"_35":248,"_13":174,"_65":166,"_45":-5,"_37":38,"_167":249,"_169":24,"_39":250,"_41":26,"_68":94,"_171":-5,"_70":30,"_172":-5,"_217":251,"_17":252},{"_35":165,"_13":93,"_65":92,"_45":166,"_37":38,"_167":168,"_169":24,"_39":245,"_41":26,"_68":94,"_171":-5,"_70":30,"_172":-5,"_217":246,"_17":247},{"_35":186,"_13":91,"_65":90,"_45":92,"_37":38,"_167":85,"_169":24,"_39":242,"_41":26,"_68":69,"_171":188,"_70":30,"_172":-5,"_217":243,"_17":244},{"_35":182,"_13":67,"_65":66,"_45":92,"_37":38,"_167":42,"_169":24,"_39":239,"_41":26,"_68":69,"_171":184,"_70":30,"_172":-5,"_217":240,"_17":241},{"_35":178,"_13":82,"_65":81,"_45":92,"_37":38,"_167":76,"_169":24,"_39":236,"_41":26,"_68":69,"_171":180,"_70":30,"_172":-5,"_217":237,"_17":238},{"_35":228,"_13":229,"_65":230,"_45":166,"_37":38,"_167":231,"_169":24,"_39":232,"_41":26,"_68":21,"_171":233,"_70":30,"_172":-5,"_217":234,"_17":235},{"_35":220,"_13":221,"_65":222,"_45":166,"_37":38,"_167":223,"_169":24,"_39":224,"_41":26,"_68":69,"_171":225,"_70":30,"_172":-5,"_217":226,"_17":227},{"_35":209,"_13":210,"_65":211,"_45":-5,"_37":38,"_167":212,"_169":24,"_39":213,"_41":214,"_68":215,"_171":216,"_70":30,"_172":-5,"_217":218,"_17":219},"9918ce46-54ba-11f1-939f-ee650bb23af1","main.ts","3cdd601a-54ba-11f1-aa3a-ee650bb23af1",3,["D",1779329583421],2,"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// API: Generate study plan\napp.post(\"/api/study-plan\", async (c) => {\n const { exams } = await c.req.json();\n\n // Sort exams by date\n const sorted = [...exams]\n .filter((e: any) => e.name && e.date)\n .sort((a: any, b: any) => new Date(a.date).getTime() - new Date(b.date).getTime());\n\n const now = new Date();\n const plan = sorted.map((exam: any) => {\n const examDate = new Date(exam.date);\n const diffMs = examDate.getTime() - now.getTime();\n const diffDays = Math.max(0, Math.ceil(diffMs / (1000 * 60 * 60 * 24)));\n const diffHours = Math.max(0, Math.ceil(diffMs / (1000 * 60 * 60)));\n\n // Generate study sessions based on days remaining\n const sessions: { day: string; task: string }[] = [];\n if (diffDays <= 0) {\n sessions.push({ day: \"Now\", task: `🚨 Exam is today/past! Quick review of key concepts for ${exam.name}` });\n } else if (diffDays === 1) {\n sessions.push({ day: \"Today\", task: `📝 Final review & practice problems for ${exam.name}` });\n sessions.push({ day: \"Tonight\", task: `😴 Get good sleep — no cramming!` });\n } else {\n const studyDays = Math.min(diffDays, 7);\n for (let i = 0; i < studyDays; i++) {\n const sessionDate = new Date(now);\n sessionDate.setDate(sessionDate.getDate() + i);\n const dayLabel = sessionDate.toLocaleDateString(\"en-US\", { weekday: \"short\", month: \"short\", day: \"numeric\" });\n\n if (i === 0) {\n sessions.push({ day: dayLabel, task: `📚 Review notes & identify weak areas for ${exam.name}` });\n } else if (i === studyDays - 1) {\n sessions.push({ day: dayLabel, task: `📝 Final review & practice test for ${exam.name}` });\n } else if (i % 2 === 1) {\n sessions.push({ day: dayLabel, task: `🧠 Deep study: practice problems for ${exam.name}` });\n } else {\n sessions.push({ day: dayLabel, task: `🔄 Review & flashcards for ${exam.name}` });\n }\n }\n }\n\n return {\n name: exam.name,\n subject: exam.subject,\n date: exam.date,\n daysUntil: diffDays,\n hoursUntil: diffHours,\n sessions,\n };\n });\n\n return c.json({ plan });\n});\n\n// Unwrap and rethrow Hono errors as the original error\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","children",[],[210],"9eac509e-54ba-11f1-93e5-ee650bb23af1","index.tsx","9eac5170-54ba-11f1-93e5-ee650bb23af1",6,["D",1779329592784],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();\n",[],[174,221],"9dc7660a-54ba-11f1-93e5-ee650bb23af1","index.html","9dc766dc-54ba-11f1-93e5-ee650bb23af1",5,["D",1779329591287],"\n\n \n \n \n Final Exam Planner\n \n \n \n \n \n \n \n

\n \n \n \n\n",[],[174,229],["D",1779329619901],[],[174,93,82],["D",1779329607343],[],[174,93,67],["D",1779329631608],[],[174,93,91],["D",1779329595134],[203,204,205],[174,93],"9ad6e254-54ba-11f1-93e5-ee650bb23af1",4,["D",1779329586322],[202,206,207],[174],["D",1779329428656],{"_11":12,"_143":73},{"_11":12,"_138":139,"_72":73,"_31":71,"_140":141,"_142":30},{"_41":85,"_13":16,"_35":38,"_130":96,"_131":-5,"_132":-5,"_133":-5,"_134":-5,"_135":-5,"_136":14,"_137":12},"ctx",{"_55":-5,"_162":290,"_291":292,"_293":294,"_295":30,"_296":30,"_297":30,"_298":24,"_299":-5,"_300":-7,"_301":-7,"_302":26,"_303":30,"_304":30,"_305":-5,"_306":30,"_307":30,"_308":30,"_309":-5},"ENV",{"_261":262,"_263":264,"_265":16,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

History · components