Full-Stack Development Projects
Full-stack development projects by Josephus Kim Sarsonas, including Laravel, Next.js, React and PostgreSQL systems for public service and education.
Nine projects, including Tul.AI from my first hackathon, a case management system for a government agency, two client systems, a licensure reviewer that reached 120 users in its first two weeks, and the coursework I learned on. Open any one for screenshots, project media and what it taught me.
My first hackathon project, built with Team “HAHAHA” for Can You HackIT: The IBPAP Challenge (Cebu). Tul means bridge in Bisaya: the prototype helps Filipino students find scholarships they qualify for, check requirements and deadlines, and get AI explanations grounded in verified sources. It supports guidance in Bisaya, Tagalog and English.
The Department of Migrant Workers needed a single entry point for distressed OFW cases that several agencies could work from together. I led a team of four as lead developer, team leader and systems analyst: I designed the architecture, analysed the core business processes, and built the case tracking and referral workflows. Authentication was the hard part, so it got email OTP, TOTP multi-factor, role-based access control, audit logging and rate limiting. I also wrote the technical documentation covering architecture, API contracts, deployment and CI/CD.
A verification platform for application intake and evaluator review. Access is enforced with role-based permissions and Postgres row-level security, and receipts carry encrypted tokens that verify by QR scan.
A reviewer system for Cebu Normal University's BLEPT department. Students get mock exams, flashcards, score analytics and scheduling; staff get exam import and export, so content no longer has to be keyed in by hand. I translated the department's requirements into the workflows the system runs on.
Over 120 users and 4,000 visits in its first fourteen days. It is a licensure exam reviewer built as a progressive web app, with quiz mode, flashcards, and gamification (daily streaks, achievements, virtual pets) to keep people coming back. Firebase handles authentication and the realtime database.
Bato National High School was running document requests on paper. I built the backend in Laravel on an MVC structure and designed the PostgreSQL schema, then used Livewire for the interactive parts and Cloudinary for file storage. The requirements came from sitting down with the school administration.
A clinic management system covering patient records, appointments and billing across administrator, staff, doctor and patient roles. Built on custom PHP routing with Supabase behind it.
I taught myself PHP and MySQL to build this one. It books cinema tickets, and the interesting problem was stopping double bookings and showtime conflicts, so it has a full admin side for managing movies, screens and schedules.
The site you are reading. Next.js and Tailwind, themed after Mac OS X.