\n {/* Sidebar */}\n

\n 🏫 School Manager\n

Management Dashboard

\n \n

\n\n {/* Main Content */}\n

\n {/* Header */}\n

\n {currentPage === 'dashboard' ? 'Dashboard Overview' : currentPage}\n

\n {new Date().toLocaleDateString('en-US', { \n weekday: 'long', \n year: 'numeric', \n month: 'long', \n day: 'numeric' \n })}\n

\n Last updated: {new Date().toLocaleTimeString()}\n

\n {loading && (\n

\n )}\n

\n\n {/* Page Content */}\n

\n {renderPage()}\n

\n );\n}",[],[266,273,280],{"_108":287,"_100":288,"_152":289,"_154":274,"_155":139,"_156":290,"_158":159,"_110":291,"_105":31,"_161":179,"_163":292,"_164":27,"_165":-5,"_166":293,"_103":294},"0fed7f04-3f12-11f0-b8da-76b3cceeab13","Dashboard.tsx","0fed7fcc-3f12-11f0-b8da-76b3cceeab13",17,["D",1748800725760],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { DashboardStats } from \"../../shared/types.ts\";\n\nexport function Dashboard() {\n const [stats, setStats] = useState(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n\n useEffect(() => {\n fetchDashboardStats();\n }, []);\n\n const fetchDashboardStats = async () => {\n try {\n setLoading(true);\n const response = await fetch('/api/dashboard/stats');\n const result = await response.json();\n \n if (result.success) {\n setStats(result.data);\n } else {\n setError(result.error || 'Failed to fetch dashboard stats');\n }\n } catch (err) {\n setError('Network error occurred');\n } finally {\n setLoading(false);\n }\n };\n\n if (loading) {\n return (\n

\n Loading dashboard...\n

\n );\n }\n\n if (error) {\n return (\n

\n ⚠️\n

Error Loading Dashboard

{error}

\n \n Retry\n \n

\n );\n }\n\n if (!stats) return null;\n\n const statCards = [\n {\n title: 'Total Students',\n value: stats.totalStudents,\n icon: '👨‍🎓',\n color: 'stat-card',\n change: '+12 this month'\n },\n {\n title: 'Total Teachers',\n value: stats.totalTeachers,\n icon: '👩‍🏫',\n color: 'stat-card-green',\n change: '+2 this month'\n },\n {\n title: 'Active Classes',\n value: stats.totalClasses,\n icon: '📚',\n color: 'stat-card-orange',\n change: '+3 this semester'\n },\n {\n title: 'Attendance Rate',\n value: `${stats.attendanceRate}%`,\n icon: '✅',\n color: 'stat-card-purple',\n change: stats.attendanceRate > 90 ? 'Excellent' : 'Needs attention'\n }\n ];\n\n return (\n

\n {/* Welcome Section */}\n

Welcome to School Management Dashboard

\n Monitor your school's performance and manage all activities from one place.\n

\n\n {/* Stats Cards */}\n

\n {statCards.map((card, index) => (\n \n

{card.title}

{card.value}

{card.change}

{card.icon}

\n ))}\n

\n\n {/* Quick Stats */}\n

\n {/* Average Grade */}\n

\n 📊 Academic Performance\n

\n Average Grade\n {stats.averageGrade}%\n

\n {stats.averageGrade >= 80 ? 'Excellent performance!' : \n stats.averageGrade >= 70 ? 'Good performance' : 'Needs improvement'}\n

\n\n {/* Recent Activities */}\n

\n 🕒 Recent Activities\n

\n {stats.recentActivities.length > 0 ? (\n stats.recentActivities.map((activity) => (\n

\n {activity.type === 'student_enrolled' && '👨‍🎓'}\n {activity.type === 'teacher_added' && '👩‍🏫'}\n {activity.type === 'grade_added' && '📝'}\n {activity.type === 'attendance_marked' && '✅'}\n

{activity.description}

\n {new Date(activity.timestamp).toLocaleString()}\n

\n ))\n ) : (\n

No recent activities

\n )}\n

\n \n\n {/* Quick Actions */}\n

\n ⚡ Quick Actions\n

\n \n \n \n \n

\n \n );\n}",[],[266,273,288],{"_108":296,"_100":297,"_152":298,"_154":274,"_155":139,"_156":299,"_158":159,"_110":300,"_105":31,"_161":179,"_163":301,"_164":27,"_165":-5,"_166":302,"_103":303},"fb68d448-3f11-11f0-8628-76b3cceeab13","Navigation.tsx","fb68d51a-3f11-11f0-8628-76b3cceeab13",16,["D",1748800691335],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ntype Page = 'dashboard' | 'students' | 'teachers' | 'classes' | 'grades' | 'attendance';\n\ninterface NavigationProps {\n currentPage: Page;\n onPageChange: (page: Page) => void;\n}\n\nconst navigationItems = [\n { id: 'dashboard', label: 'Dashboard', icon: '📊' },\n { id: 'students', label: 'Students', icon: '👨‍🎓' },\n { id: 'teachers', label: 'Teachers', icon: '👩‍🏫' },\n { id: 'classes', label: 'Classes', icon: '📚' },\n { id: 'grades', label: 'Grades', icon: '📝' },\n { id: 'attendance', label: 'Attendance', icon: '✅' },\n] as const;\n\nexport function Navigation({ currentPage, onPageChange }: NavigationProps) {\n return (\n

\n onPageChange(item.id as Page)}\n className={`w-full flex items-center px-4 py-3 text-left rounded-lg transition-all duration-200 ${\n currentPage === item.id\n ? 'sidebar-active text-indigo-700 font-medium'\n : 'text-gray-700 hover:bg-gray-100 hover:text-gray-900'\n }`}\n >\n {item.icon}\n {item.label}\n \n

\n \n

\n Quick Actions\n

\n onPageChange('students')}\n className=\"w-full flex items-center px-4 py-2 text-sm text-gray-600 hover:bg-gray-100 rounded-lg transition-colors\"\n >\n ➕\n Add Student\n \n
\n onPageChange('attendance')}\n className=\"w-full flex items-center px-4 py-2 text-sm text-gray-600 hover:bg-gray-100 rounded-lg transition-colors\"\n >\n 📋\n Mark Attendance\n \n
\n onPageChange('grades')}\n className=\"w-full flex items-center px-4 py-2 text-sm text-gray-600 hover:bg-gray-100 rounded-lg transition-colors\"\n >\n 🎯\n Add Grade\n \n

\n );\n}",[],[266,273,297],{"_108":305,"_100":306,"_152":307,"_154":274,"_155":139,"_156":308,"_158":159,"_110":309,"_105":31,"_161":179,"_163":310,"_164":27,"_165":-5,"_166":311,"_103":312},"304bc8e6-3f12-11f0-b387-76b3cceeab13","StudentList.tsx","304bc9ae-3f12-11f0-b387-76b3cceeab13",18,["D",1748800780060],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { Student, StudentForm } from \"../../shared/types.ts\";\n\nexport function StudentList() {\n const [students, setStudents] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [showModal, setShowModal] = useState(false);\n const [editingStudent, setEditingStudent] = useState(null);\n const [searchTerm, setSearchTerm] = useState('');\n const [filterGrade, setFilterGrade] = useState('');\n\n const [formData, setFormData] = useState({\n firstName: '',\n lastName: '',\n email: '',\n dateOfBirth: '',\n grade: '',\n parentContact: '',\n address: ''\n });\n\n useEffect(() => {\n fetchStudents();\n }, []);\n\n const fetchStudents = async () => {\n try {\n setLoading(true);\n const response = await fetch('/api/students');\n const result = await response.json();\n \n if (result.success) {\n setStudents(result.data);\n } else {\n setError(result.error || 'Failed to fetch students');\n }\n } catch (err) {\n setError('Network error occurred');\n } finally {\n setLoading(false);\n }\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n \n try {\n const url = editingStudent ? `/api/students/${editingStudent.id}` : '/api/students';\n const method = editingStudent ? 'PUT' : 'POST';\n \n const response = await fetch(url, {\n method,\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(formData)\n });\n \n const result = await response.json();\n \n if (result.success) {\n await fetchStudents();\n resetForm();\n setShowModal(false);\n } else {\n setError(result.error || 'Failed to save student');\n }\n } catch (err) {\n setError('Network error occurred');\n }\n };\n\n const handleDelete = async (id: number) => {\n if (!confirm('Are you sure you want to delete this student?')) return;\n \n try {\n const response = await fetch(`/api/students/${id}`, { method: 'DELETE' });\n const result = await response.json();\n \n if (result.success) {\n await fetchStudents();\n } else {\n setError(result.error || 'Failed to delete student');\n }\n } catch (err) {\n setError('Network error occurred');\n }\n };\n\n const resetForm = () => {\n setFormData({\n firstName: '',\n lastName: '',\n email: '',\n dateOfBirth: '',\n grade: '',\n parentContact: '',\n address: ''\n });\n setEditingStudent(null);\n };\n\n const openEditModal = (student: Student) => {\n setFormData({\n firstName: student.firstName,\n lastName: student.lastName,\n email: student.email,\n dateOfBirth: student.dateOfBirth.split('T')[0],\n grade: student.grade,\n parentContact: student.parentContact,\n address: student.address\n });\n setEditingStudent(student);\n setShowModal(true);\n };\n\n const filteredStudents = students.filter(student => {\n const matchesSearch = `${student.firstName} ${student.lastName} ${student.email}`\n .toLowerCase()\n .includes(searchTerm.toLowerCase());\n const matchesGrade = !filterGrade || student.grade === filterGrade;\n return matchesSearch && matchesGrade;\n });\n\n const grades = [...new Set(students.map(s => s.grade))].sort();\n\n if (loading) {\n return (\n

\n Loading students...\n

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

\n {/* Header */}\n

Students

Manage student records and information

\n {\n resetForm();\n setShowModal(true);\n }}\n className=\"px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition-colors flex items-center\"\n >\n ➕\n Add Student\n \n

\n\n {/* Filters */}\n

\n setSearchTerm(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500\"\n />\n

\n setFilterGrade(e.target.value)}\n className=\"px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500\"\n >\n \n {grades.map(grade => (\n \n ))}\n \n

\n\n {/* Error Message */}\n {error && (\n

\n ⚠️\n

{error}

\n setError(null)}\n className=\"ml-auto text-red-500 hover:text-red-700\"\n >\n ✕\n \n

\n )}\n\n {/* Students Table */}\n

\n \n \n \n \n \n \n \n \n \n \n \n {filteredStudents.map((student) => (\n \n \n \n \n \n \n \n ))}\n \n

\n Student\n	\n Grade\n	\n Contact\n	\n Status\n	\n Actions\n
\n \n \n \n \n {student.firstName[0]}{student.lastName[0]}\n \n \n \n \n \n {student.firstName} {student.lastName}\n \n {student.email} \n \n \n	\n \n {student.grade}\n \n	\n {student.parentContact}\n	\n \n {student.status}\n \n	\n openEditModal(student)}\n className=\"text-indigo-600 hover:text-indigo-900\"\n >\n Edit\n \n handleDelete(student.id)}\n className=\"text-red-600 hover:text-red-900\"\n >\n Delete\n \n

\n \n {filteredStudents.length === 0 && (\n

No students found

\n )}\n

\n\n {/* Modal */}\n {showModal && (\n

\n {editingStudent ? 'Edit Student' : 'Add New Student'}\n

\n \n

\n \n First Name\n \n setFormData({...formData, firstName: e.target.value})}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500\"\n />\n

\n \n Last Name\n \n setFormData({...formData, lastName: e.target.value})}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500\"\n />\n

\n \n

\n \n Email\n \n setFormData({...formData, email: e.target.value})}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500\"\n />\n

\n \n

\n \n Date of Birth\n \n setFormData({...formData, dateOfBirth: e.target.value})}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500\"\n />\n

\n \n Grade\n \n setFormData({...formData, grade: e.target.value})}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500\"\n >\n \n \n \n \n \n \n \n \n \n

\n \n

\n \n Parent Contact\n \n setFormData({...formData, parentContact: e.target.value})}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500\"\n />\n

\n \n

\n \n Address\n \n setFormData({...formData, address: e.target.value})}\n rows={3}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500\"\n />\n

\n \n

\n setShowModal(false)}\n className=\"px-4 py-2 text-gray-700 bg-gray-100 rounded-lg hover:bg-gray-200 transition-colors\"\n >\n Cancel\n \n \n {editingStudent ? 'Update' : 'Add'} Student\n \n

\n )}\n

\n );\n}",[],[266,273,306],{"_108":314,"_100":315,"_152":316,"_154":274,"_155":139,"_156":138,"_158":159,"_110":317,"_105":31,"_161":179,"_163":318,"_164":27,"_165":-5,"_166":319,"_103":320},"4dec64d2-3f12-11f0-ac88-76b3cceeab13","TeacherList.tsx","4dec663a-3f12-11f0-ac88-76b3cceeab13",["D",1748800829770],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { Teacher, TeacherForm } from \"../../shared/types.ts\";\n\nexport function TeacherList() {\n const [teachers, setTeachers] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [showModal, setShowModal] = useState(false);\n const [editingTeacher, setEditingTeacher] = useState(null);\n const [searchTerm, setSearchTerm] = useState('');\n const [filterDepartment, setFilterDepartment] = useState('');\n\n const [formData, setFormData] = useState({\n firstName: '',\n lastName: '',\n email: '',\n phone: '',\n subject: '',\n department: ''\n });\n\n useEffect(() => {\n fetchTeachers();\n }, []);\n\n const fetchTeachers = async () => {\n try {\n setLoading(true);\n const response = await fetch('/api/teachers');\n const result = await response.json();\n \n if (result.success) {\n setTeachers(result.data);\n } else {\n setError(result.error || 'Failed to fetch teachers');\n }\n } catch (err) {\n setError('Network error occurred');\n } finally {\n setLoading(false);\n }\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n \n try {\n const url = editingTeacher ? `/api/teachers/${editingTeacher.id}` : '/api/teachers';\n const method = editingTeacher ? 'PUT' : 'POST';\n \n const response = await fetch(url, {\n method,\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(formData)\n });\n \n const result = await response.json();\n \n if (result.success) {\n await fetchTeachers();\n resetForm();\n setShowModal(false);\n } else {\n setError(result.error || 'Failed to save teacher');\n }\n } catch (err) {\n setError('Network error occurred');\n }\n };\n\n const handleDelete = async (id: number) => {\n if (!confirm('Are you sure you want to delete this teacher?')) return;\n \n try {\n const response = await fetch(`/api/teachers/${id}`, { method: 'DELETE' });\n const result = await response.json();\n \n if (result.success) {\n await fetchTeachers();\n } else {\n setError(result.error || 'Failed to delete teacher');\n }\n } catch (err) {\n setError('Network error occurred');\n }\n };\n\n const resetForm = () => {\n setFormData({\n firstName: '',\n lastName: '',\n email: '',\n phone: '',\n subject: '',\n department: ''\n });\n setEditingTeacher(null);\n };\n\n const openEditModal = (teacher: Teacher) => {\n setFormData({\n firstName: teacher.firstName,\n lastName: teacher.lastName,\n email: teacher.email,\n phone: teacher.phone,\n subject: teacher.subject,\n department: teacher.department\n });\n setEditingTeacher(teacher);\n setShowModal(true);\n };\n\n const filteredTeachers = teachers.filter(teacher => {\n const matchesSearch = `${teacher.firstName} ${teacher.lastName} ${teacher.email} ${teacher.subject}`\n .toLowerCase()\n .includes(searchTerm.toLowerCase());\n const matchesDepartment = !filterDepartment || teacher.department === filterDepartment;\n return matchesSearch && matchesDepartment;\n });\n\n const departments = [...new Set(teachers.map(t => t.department))].sort();\n\n if (loading) {\n return (\n

\n Loading teachers...\n

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

\n {/* Header */}\n

Teachers

Manage teacher profiles and assignments

\n {\n resetForm();\n setShowModal(true);\n }}\n className=\"px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition-colors flex items-center\"\n >\n ➕\n Add Teacher\n \n

\n\n {/* Filters */}\n

\n setSearchTerm(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500\"\n />\n

\n setFilterDepartment(e.target.value)}\n className=\"px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500\"\n >\n \n {departments.map(dept => (\n \n ))}\n \n

\n\n {/* Error Message */}\n {error && (\n

\n ⚠️\n

{error}

\n setError(null)}\n className=\"ml-auto text-red-500 hover:text-red-700\"\n >\n ✕\n \n

\n )}\n\n {/* Teachers Grid */}\n

\n {filteredTeachers.map((teacher) => (\n

\n \n {teacher.firstName[0]}{teacher.lastName[0]}\n \n

\n {teacher.firstName} {teacher.lastName}\n

{teacher.subject}

\n \n

\n 📧\n {teacher.email}\n

\n 📞\n {teacher.phone}\n

\n 🏢\n {teacher.department}\n

\n \n

\n \n {teacher.status}\n \n \n

\n openEditModal(teacher)}\n className=\"text-indigo-600 hover:text-indigo-900 text-sm font-medium\"\n >\n Edit\n \n handleDelete(teacher.id)}\n className=\"text-red-600 hover:text-red-900 text-sm font-medium\"\n >\n Delete\n \n

\n ))}\n

\n\n {filteredTeachers.length === 0 && (\n

No teachers found

\n )}\n\n {/* Modal */}\n {showModal && (\n

\n {editingTeacher ? 'Edit Teacher' : 'Add New Teacher'}\n

\n \n

\n \n Phone\n \n setFormData({...formData, phone: e.target.value})}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500\"\n />\n

\n \n

\n \n Subject\n \n setFormData({...formData, subject: e.target.value})}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500\"\n placeholder=\"e.g., Mathematics, English, Science\"\n />\n

\n \n

\n \n Department\n \n setFormData({...formData, department: e.target.value})}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500\"\n >\n \n \n \n \n \n \n \n \n \n

\n \n

\n setShowModal(false)}\n className=\"px-4 py-2 text-gray-700 bg-gray-100 rounded-lg hover:bg-gray-200 transition-colors\"\n >\n Cancel\n \n \n {editingTeacher ? 'Update' : 'Add'} Teacher\n \n

\n )}\n

\n );\n}",[],[266,273,315],[266,273],{"_108":323,"_100":324,"_152":325,"_154":267,"_155":139,"_156":268,"_158":159,"_110":326,"_105":31,"_161":327,"_163":328,"_164":27,"_165":-5,"_166":329,"_103":330},"d7f791ca-3f11-11f0-8946-76b3cceeab13","index.html","d7f79274-3f11-11f0-8946-76b3cceeab13",["D",1748800631794],"file","\n\n\n \n \n School Management Dashboard\n \n \n \n\n\n

\n \n\n",[],[266,324],{"_108":332,"_100":333,"_152":334,"_154":267,"_155":139,"_156":335,"_158":159,"_110":336,"_105":31,"_161":179,"_163":337,"_164":27,"_165":-5,"_166":338,"_103":339},"e17eac4c-3f11-11f0-bbb4-76b3cceeab13","index.tsx","e17eadaa-3f11-11f0-bbb4-76b3cceeab13",14,["D",1748800647859],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"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 = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[266,333],[266],{"_108":342,"_100":343,"_152":344,"_154":-5,"_155":139,"_156":345,"_158":159,"_110":346,"_105":31,"_161":162,"_163":-5,"_164":27,"_165":-5,"_166":347,"_103":356},"201dd8ac-3f11-11f0-ad60-76b3cceeab13","shared","fd0fba00-4ebf-40c2-869e-6d4d504af0bb",3,["D",1748800323418],[348],{"_108":349,"_100":350,"_152":351,"_154":344,"_155":139,"_156":345,"_158":159,"_110":352,"_105":31,"_161":179,"_163":353,"_164":27,"_165":-5,"_166":354,"_103":355},"201db3c2-3f11-11f0-ad60-76b3cceeab13","types.ts","201db476-3f11-11f0-ad60-76b3cceeab13",["D",1748800323418],"// Shared TypeScript types for the school management system\n\nexport interface Student {\n id: number;\n firstName: string;\n lastName: string;\n email: string;\n dateOfBirth: string;\n grade: string;\n enrollmentDate: string;\n parentContact: string;\n address: string;\n status: 'active' | 'inactive' | 'graduated';\n}\n\nexport interface Teacher {\n id: number;\n firstName: string;\n lastName: string;\n email: string;\n phone: string;\n subject: string;\n department: string;\n hireDate: string;\n status: 'active' | 'inactive';\n}\n\nexport interface Class {\n id: number;\n name: string;\n subject: string;\n teacherId: number;\n teacherName?: string;\n grade: string;\n schedule: string;\n room: string;\n capacity: number;\n enrolledCount: number;\n}\n\nexport interface Grade {\n id: number;\n studentId: number;\n studentName?: string;\n classId: number;\n className?: string;\n assignment: string;\n score: number;\n maxScore: number;\n date: string;\n type: 'quiz' | 'exam' | 'homework' | 'project';\n}\n\nexport interface Attendance {\n id: number;\n studentId: number;\n studentName?: string;\n classId: number;\n className?: string;\n date: string;\n status: 'present' | 'absent' | 'late' | 'excused';\n notes?: string;\n}\n\nexport interface DashboardStats {\n totalStudents: number;\n totalTeachers: number;\n totalClasses: number;\n attendanceRate: number;\n averageGrade: number;\n recentActivities: Activity[];\n}\n\nexport interface Activity {\n id: number;\n type: 'student_enrolled' | 'grade_added' | 'attendance_marked' | 'teacher_added';\n description: string;\n timestamp: string;\n}\n\n// API Response types\nexport interface ApiResponse {\n success: boolean;\n data?: T;\n error?: string;\n}\n\n// Form types\nexport interface StudentForm {\n firstName: string;\n lastName: string;\n email: string;\n dateOfBirth: string;\n grade: string;\n parentContact: string;\n address: string;\n}\n\nexport interface TeacherForm {\n firstName: string;\n lastName: string;\n email: string;\n phone: string;\n subject: string;\n department: string;\n}\n\nexport interface ClassForm {\n name: string;\n subject: string;\n teacherId: number;\n grade: string;\n schedule: string;\n room: string;\n capacity: number;\n}\n\nexport interface GradeForm {\n studentId: number;\n classId: number;\n assignment: string;\n score: number;\n maxScore: number;\n type: 'quiz' | 'exam' | 'homework' | 'project';\n}",[],[343,350],[343],{"_108":358,"_100":359,"_152":360,"_154":-5,"_155":139,"_156":361,"_158":159,"_110":362,"_105":31,"_161":327,"_163":363,"_164":27,"_165":-5,"_166":364,"_103":365},"18783052-3f11-11f0-84e3-76b3cceeab13","README.md","187830fc-3f11-11f0-84e3-76b3cceeab13",2,["D",1748800310593],"# School Management Dashboard\n\nA comprehensive school management system built with React and Hono on Val Town.\n\n## Features\n\n- **Student Management**: Add, edit, view, and manage student records\n- **Teacher Management**: Manage teacher profiles and assignments\n- **Class Management**: Create and manage classes and subjects\n- **Grade Management**: Record and track student grades\n- **Attendance Tracking**: Monitor student attendance\n- **Dashboard Analytics**: Overview of school statistics\n\n## Project Structure\n\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Database schema setup\n│ │ └── queries.ts # Database query functions\n│ ├── routes/\n│ │ ├── students.ts # Student CRUD operations\n│ │ ├── teachers.ts # Teacher CRUD operations\n│ │ ├── classes.ts # Class management\n│ │ ├── grades.ts # Grade management\n│ │ └── attendance.ts # Attendance tracking\n│ └── index.ts # Main API entry point\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main application component\n│ │ ├── Dashboard.tsx # Dashboard overview\n│ │ ├── StudentList.tsx # Student management\n│ │ ├── TeacherList.tsx # Teacher management\n│ │ ├── ClassList.tsx # Class management\n│ │ └── Navigation.tsx # Navigation component\n│ ├── index.html # Main HTML template\n│ └── index.tsx # Frontend entry point\n└── shared/\n └── types.ts # Shared TypeScript types\n```\n\n## Getting Started\n\n1. The backend API runs on the main HTTP endpoint\n2. Frontend is served at the root path\n3. All data is stored in SQLite database\n4. Real-time updates via API polling\n\n## API Endpoints\n\n- `GET /api/students` - List all students\n- `POST /api/students` - Create new student\n- `PUT /api/students/:id` - Update student\n- `DELETE /api/students/:id` - Delete student\n- Similar endpoints for teachers, classes, grades, and attendance\n\n## Technologies\n\n- **Backend**: Hono.js, SQLite\n- **Frontend**: React 18, TypeScript, Tailwind CSS\n- **Platform**: Val Town (Deno runtime)",[],[359],{"_108":367,"_100":368,"_152":369,"_154":-5,"_155":139,"_156":370,"_158":159,"_110":371,"_105":31,"_161":179,"_163":73,"_164":27,"_165":-5,"_166":372,"_103":373},"7f66b10e-3f10-11f0-b71c-76b3cceeab13","main.tsx","7f66b1ae-3f10-11f0-b71c-76b3cceeab13",1,["D",1748800053789],[],[368],"files",[149,168,174,183,193,200,209,218,227,236,244,254,264,271,278,286,295,304,313,322,331,341,348,357,366],"counts",{"_378":31,"_379":370,"_380":31,"_381":31},"pulls","branches","forks","envVars","contents",[],{"_108":219,"_100":220,"_152":221,"_154":196,"_155":139,"_156":222,"_158":159,"_110":385,"_105":31,"_161":179,"_163":224,"_164":27,"_165":-5,"_103":386},["D",1748800613985],[151,195,220],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name.code.$",{"_98":99,"_100":101,"_102":42,"_105":-7,"_103":104,"_106":393,"_147":397,"_374":473,"_327":474,"_382":476,"_477":-5,"_478":27,"_479":-5,"_480":-5,"_481":-5,"_482":483},{"_108":109,"_100":101,"_110":394,"_112":-5,"_113":27,"_114":115,"_116":-5,"_117":-5,"_12":118,"_119":-5,"_120":27,"_121":-5,"_122":31,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_132":27,"_21":395,"_136":396},["D",1748800053779],{"_98":99,"_134":135},{"_105":138,"_100":42,"_108":139,"_140":109,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":101,"_146":99},[398,434,461,467,470],{"_108":150,"_100":151,"_152":153,"_154":-5,"_155":139,"_156":157,"_158":159,"_110":160,"_105":31,"_161":162,"_163":-5,"_164":27,"_165":-5,"_166":399,"_103":433},[400,409,430],{"_108":169,"_100":170,"_152":171,"_154":153,"_155":139,"_156":157,"_158":159,"_110":172,"_105":31,"_161":162,"_163":-5,"_164":27,"_165":-5,"_166":401,"_103":408},[402,405],{"_108":175,"_100":176,"_152":177,"_154":171,"_155":139,"_156":157,"_158":159,"_110":178,"_105":31,"_161":179,"_163":180,"_164":27,"_165":-5,"_166":403,"_103":404},[],[151,170,176],{"_108":184,"_100":185,"_152":186,"_154":171,"_155":139,"_156":187,"_158":159,"_110":188,"_105":31,"_161":179,"_163":189,"_164":27,"_165":-5,"_166":406,"_103":407},[],[151,170,185],[151,170],{"_108":194,"_100":195,"_152":196,"_154":153,"_155":139,"_156":197,"_158":159,"_110":198,"_105":31,"_161":162,"_163":-5,"_164":27,"_165":-5,"_166":410,"_103":429},[411,414,417,420,423,426],{"_108":201,"_100":202,"_152":203,"_154":196,"_155":139,"_156":204,"_158":159,"_110":205,"_105":31,"_161":179,"_163":206,"_164":27,"_165":-5,"_166":412,"_103":413},[],[151,195,202],{"_108":210,"_100":211,"_152":212,"_154":196,"_155":139,"_156":213,"_158":159,"_110":214,"_105":31,"_161":179,"_163":215,"_164":27,"_165":-5,"_166":415,"_103":416},[],[151,195,211],{"_108":219,"_100":220,"_152":221,"_154":196,"_155":139,"_156":222,"_158":159,"_110":223,"_105":31,"_161":179,"_163":224,"_164":27,"_165":-5,"_166":418,"_103":419},[],[151,195,220],{"_108":228,"_100":229,"_152":230,"_154":196,"_155":139,"_156":231,"_158":159,"_110":232,"_105":31,"_161":179,"_163":233,"_164":27,"_165":-5,"_166":421,"_103":422},[],[151,195,229],{"_108":237,"_100":238,"_152":239,"_154":196,"_155":139,"_156":197,"_158":159,"_110":240,"_105":31,"_161":179,"_163":241,"_164":27,"_165":-5,"_166":424,"_103":425},[],[151,195,238],{"_108":245,"_100":246,"_152":247,"_154":196,"_155":139,"_156":248,"_158":159,"_110":249,"_105":31,"_161":179,"_163":250,"_164":27,"_165":-5,"_166":427,"_103":428},[],[151,195,246],[151,195],{"_108":255,"_100":256,"_152":257,"_154":153,"_155":139,"_156":258,"_158":159,"_110":259,"_105":31,"_161":179,"_163":260,"_164":27,"_165":-5,"_166":431,"_103":432},[],[151,256],[151],{"_108":265,"_100":266,"_152":267,"_154":-5,"_155":139,"_156":268,"_158":159,"_110":269,"_105":31,"_161":162,"_163":-5,"_164":27,"_165":-5,"_166":435,"_103":460},[436,454,457],{"_108":272,"_100":273,"_152":274,"_154":267,"_155":139,"_156":275,"_158":159,"_110":276,"_105":31,"_161":162,"_163":-5,"_164":27,"_165":-5,"_166":437,"_103":453},[438,441,444,447,450],{"_108":279,"_100":280,"_152":281,"_154":274,"_155":139,"_156":275,"_158":159,"_110":282,"_105":31,"_161":179,"_163":283,"_164":27,"_165":-5,"_166":439,"_103":440},[],[266,273,280],{"_108":287,"_100":288,"_152":289,"_154":274,"_155":139,"_156":290,"_158":159,"_110":291,"_105":31,"_161":179,"_163":292,"_164":27,"_165":-5,"_166":442,"_103":443},[],[266,273,288],{"_108":296,"_100":297,"_152":298,"_154":274,"_155":139,"_156":299,"_158":159,"_110":300,"_105":31,"_161":179,"_163":301,"_164":27,"_165":-5,"_166":445,"_103":446},[],[266,273,297],{"_108":305,"_100":306,"_152":307,"_154":274,"_155":139,"_156":308,"_158":159,"_110":309,"_105":31,"_161":179,"_163":310,"_164":27,"_165":-5,"_166":448,"_103":449},[],[266,273,306],{"_108":314,"_100":315,"_152":316,"_154":274,"_155":139,"_156":138,"_158":159,"_110":317,"_105":31,"_161":179,"_163":318,"_164":27,"_165":-5,"_166":451,"_103":452},[],[266,273,315],[266,273],{"_108":323,"_100":324,"_152":325,"_154":267,"_155":139,"_156":268,"_158":159,"_110":326,"_105":31,"_161":327,"_163":328,"_164":27,"_165":-5,"_166":455,"_103":456},[],[266,324],{"_108":332,"_100":333,"_152":334,"_154":267,"_155":139,"_156":335,"_158":159,"_110":336,"_105":31,"_161":179,"_163":337,"_164":27,"_165":-5,"_166":458,"_103":459},[],[266,333],[266],{"_108":342,"_100":343,"_152":344,"_154":-5,"_155":139,"_156":345,"_158":159,"_110":346,"_105":31,"_161":162,"_163":-5,"_164":27,"_165":-5,"_166":462,"_103":466},[463],{"_108":349,"_100":350,"_152":351,"_154":344,"_155":139,"_156":345,"_158":159,"_110":352,"_105":31,"_161":179,"_163":353,"_164":27,"_165":-5,"_166":464,"_103":465},[],[343,350],[343],{"_108":358,"_100":359,"_152":360,"_154":-5,"_155":139,"_156":361,"_158":159,"_110":362,"_105":31,"_161":327,"_163":363,"_164":27,"_165":-5,"_166":468,"_103":469},[],[359],{"_108":367,"_100":368,"_152":369,"_154":-5,"_155":139,"_156":370,"_158":159,"_110":371,"_105":31,"_161":179,"_163":73,"_164":27,"_165":-5,"_166":471,"_103":472},[],[368],[398,400,402,405,409,411,414,417,420,423,426,430,434,436,438,441,444,447,450,454,457,461,463,467,470],{"_108":219,"_100":220,"_152":221,"_154":196,"_155":139,"_156":222,"_158":159,"_110":385,"_105":31,"_161":179,"_163":224,"_164":27,"_165":-5,"_103":475},[151,195,220],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"routes/_app","actionData","errors"]