📚 Student Study Planner

\n \n {/* Existing Subject Schedule Section */}\n

\n setNewSubject(e.target.value)}\n />\n

\n Start Time\n \n

\n End Time\n \n

\n \n

\n {days.map(day => (\n \n ))}\n

\n \n \n

\n\n {/* Test Reminder Section */}\n

🚨 Test Reminders

\n setNewReminderSubject(e.target.value)}\n />\n setNewReminderDate(e.target.value)}\n />\n \n \n

\n\n

\n {reminders.map((reminder) => {\n const daysUntil = calculateDaysUntilTest(reminder.date);\n const isPastTest = daysUntil < 0;\n \n return (\n

\n {reminder.subject}\n {new Date(reminder.date).toLocaleDateString()}\n {reminder.notes &&

{reminder.notes}

}\n {!isPastTest && (\n

\n {daysUntil === 0 ? '📅 Today!' : `📅 ${daysUntil} days to go`}\n

\n )}\n

\n \n

\n );\n })}\n

\n\n {/* Existing Schedule Display */}\n

My Study Schedule

\n {subjects.map((subject, index) => (\n

\n {subject.name}\n \n {subject.startTime} - {subject.endTime}\n \n

\n {subject.days.map(day => (\n \n {day.substring(0,3)}\n \n ))}\n

\n \n

\n ))}\n

\n\n \n View Source\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 \n const KEY = \"studyPlannerApp\";\n const SCHEMA_VERSION = 4;\n\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_study_schedule_${SCHEMA_VERSION} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n schedule TEXT NOT NULL,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n if (request.method === 'GET' && new URL(request.url).pathname === '/get-schedule') {\n const result = await sqlite.execute(`\n SELECT schedule FROM ${KEY}_study_schedule_${SCHEMA_VERSION} \n ORDER BY created_at DESC \n LIMIT 1\n `);\n \n const savedSchedule = result.rows.length > 0 \n ? JSON.parse(result.rows[0].schedule) \n : { subjects: [], reminders: [] };\n \n return new Response(JSON.stringify(savedSchedule), {\n headers: { 'Content-Type': 'application/json' }\n });\n }\n\n if (request.method === 'POST' && new URL(request.url).pathname === '/save-schedule') {\n const scheduleData = await request.json();\n\n await sqlite.execute(\n `INSERT INTO ${KEY}_study_schedule_${SCHEMA_VERSION} (schedule) VALUES (?)`, \n [JSON.stringify(scheduleData)]\n );\n\n return new Response(JSON.stringify({ success: true }), {\n headers: { 'Content-Type': 'application/json' }\n });\n }\n\n return new Response(`\n \n \n Student Study Planner\n \n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}\n\nconst css = `\nbody {\n font-family: 'Arial', sans-serif;\n margin: 0;\n padding: 0;\n background-color: #f4f4f4;\n display: flex;\n justify-content: center;\n min-height: 100vh;\n}\n.study-planner {\n width: 100%;\n max-width: 600px;\n background-color: white;\n padding: 20px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n}\n.planner-header {\n text-align: center;\n margin-bottom: 20px;\n}\n.schedule-input, .reminder-section {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 20px;\n}\n.reminder-input {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.reminder-input input, \n.reminder-input textarea,\n.schedule-input input, \n.schedule-input button,\n.time-input select {\n padding: 10px;\n border: 1px solid #ddd;\n border-radius: 5px;\n}\n.time-selection {\n display: flex;\n gap: 10px;\n}\n.time-input {\n display: flex;\n flex-direction: column;\n flex: 1;\n}\n.time-input label {\n margin-bottom: 5px;\n font-size: 0.8em;\n color: #666;\n}\n.day-selector {\n display: flex;\n gap: 5px;\n margin-bottom: 10px;\n}\n.day-selector button {\n flex: 1;\n padding: 10px;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n transition: all 0.3s ease;\n}\n.schedule-display, .reminders-display {\n background-color: #f9f9f9;\n padding: 15px;\n border-radius: 5px;\n}\n.schedule-item, .reminder-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n background-color: #f0f0f0;\n padding: 10px;\n margin-bottom: 10px;\n border-radius: 5px;\n}\n.reminder-item.upcoming-test {\n background-color: #FFF3CD;\n border: 1px solid #FFC107;\n}\n.reminder-item.past-test {\n background-color: #f8d7da;\n opacity: 0.6;\n}\n.subject-details, .reminder-details {\n display: flex;\n flex-direction: column;\n gap: 5px;\n}\n.subject-days, .days-countdown {\n display: flex;\n gap: 5px;\n}\n.day-tag {\n padding: 3px 6px;\n border-radius: 3px;\n font-size: 0.7em;\n text-transform: uppercase;\n}\n.delete-btn {\n background: none;\n border: none;\n cursor: pointer;\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/Nomathemba/studyPlannerApp/code/main.tsx","extension","actionData","errors"]