SvelteKit Web App

CNHS SIS

Student Information & DepEd Grading System

School management system for Concepcion National High School. Features DepEd K-12 quarterly GWA computing, enrollment tracking, role-based workflows (Admin/Teacher/Student), secured with progressive rate limiting.

SvelteKitTypeScriptPrisma ORMLucia AuthSQLite
CNHS SIS screenshot

Pain & Solution

😰

The Problem

Concepcion National High School relied on manual record-keeping for student information, grades, schedules, and enrollment. Paper-based systems caused errors in DepEd quarterly GWA computation, scheduling conflicts, and difficulty tracking student promotion across school years.

✅

The Solution

A full-featured Student Information System with three distinct role-based portals (Admin, Teacher, Student). Digitalizes the entire school workflow from enrollment through grading, scheduling, curriculum management, and automated DepEd-compliant report card generation.

Coolest Feature

The standout feature that makes this project special.

Drag-and-Drop Kanban Schedule Calendar

Admin can visually manage class schedules using a weekly calendar grid. Subjects are displayed as color-coded blocks showing subject name, teacher, and time range. Admins can drag and drop schedule blocks across day/time slots to reorganize the entire section's weekly timetable — like a Kanban board but for school scheduling.

Drag-and-Drop Kanban Schedule Calendar

Features by User Role

Explore what each user type can do within the system.

Analytics Dashboard

Analytics Dashboard

Overview with total students, teachers, sections, subjects, departments, and rooms. Charts for students by grade level and active sections list.

Curriculum Management

Curriculum Management

Configure curriculum templates for Junior High (Grades 7-10) and Senior High (Grades 11-12) with all DepEd tracks — ABM, GAS, HUMSS, STEM, ICT, and more. Track configuration status per grade.

Drag-and-Drop Schedule Calendar

Drag-and-Drop Schedule Calendar

Kanban-style weekly calendar where subjects appear as color-coded blocks. Drag schedules between time slots and days to reorganize the timetable in real-time.

Section & Class Management

Section & Class Management

Create and manage sections with detailed info — room assignment, adviser, school year. View weekly schedule in calendar or table view. Add subjects and manage class programs.

Student & Teacher Management

Student & Teacher Management

Full CRUD for students and teachers with enrollment tracking, LRN management, and status monitoring.

Screenshot Gallery

Browse all screenshots from the project.

CNHS SIS screenshot 1
CNHS SIS screenshot 2
CNHS SIS screenshot 3
CNHS SIS screenshot 4
CNHS SIS screenshot 5
CNHS SIS screenshot 6
CNHS SIS screenshot 7
CNHS SIS screenshot 8
CNHS SIS screenshot 9
CNHS SIS screenshot 10
CNHS SIS screenshot 11