The Challenge
Presbyterian Bible Seminary Inc. (PBSI) relied heavily on legacy, manual workflows. Student records were entirely paper-based, program information was fragmented and difficult to maintain, and the admissions process suffered from significant operational friction. The lack of a centralized digital presence restricted information accessibility for prospective students and created severe administrative bottlenecks.
The Solution
I architected and deployed a centralized, modern digital ecosystem designed to streamline institutional operations. By leveraging a local-first, static-first philosophy, the platform automates student registration, manages complex academic tracks via a decoupled JSON architecture, and establishes a highly responsive interface that functions flawlessly across low-bandwidth mobile environments.
Technical Highlights
Performance-First Static Architecture
- Astro 4.x & Content Collections: Utilized Astro’s island architecture to achieve near-zero client-side JavaScript, ensuring lightning-fast initial load times, exceptional SEO performance, and zero cost-overhead hosting via GitHub Pages.
- JSON-Driven Data Layer: Built a scalable, typed content architecture utilizing Astro Content Collections to synchronize and dynamically render Master’s, Bachelor’s, and Diploma tracks seamlessly without database overhead.
Advanced Frontend Engineering
- Glassmorphic Design System: Engineered a highly responsive UI built on Tailwind CSS, complete with polished, accessible, and fluidly animated frosted-glass visual hierarchies.
- Persistent Theme Engine: Implemented a lightweight, blocking-script theme toggle (Light/Dark mode) that defaults to light mode for immediate visual comfort while accurately retaining user preferences via
localStorage.
Interactive Ecosystem & CI/CD
- Hybrid Interactive Components: Integrated scoped React islands to manage client-side state machine handling, robust admissions multi-step form data, and dynamic intake validation.
- Automated Deployment Pipeline: Engineered a robust GitHub Actions workflow that automatically validates types, compiles the static build, and deploys builds straight to production infrastructure under the
is-a.devnetwork.
System Architecture
| Module | Technical Functionality |
|---|---|
| Admissions Engine | Manages dynamic client-side registration state and document intake tracking. |
| Academic Hub | Structured directory mapping academic tracks directly out of JSON collections. |
| Inquiry Hub | Centralized communication router connecting prospective students with the Registrar. |
| Theme Engine | Zero-flash theme hydration mapping user preferences across sessions. |
Impact & Key Takeaways
This project proved that digital transformation in traditional institutions requires balancing strict technical feasibility with low friction for user adoption. Moving from Manual Paper Trails → Digital Infrastructure significantly reduced administrative processing times.
- Engineering Growth: Mastered static site optimization constraints, explicit decoupling of content structures from server architectures, and maintaining zero-regression build configurations.
- Operational Insight: Learned how to effectively interface with non-technical stakeholders to turn complex, legacy institutional logic into elegant software modules.
Roadmap
- Short-Term: Integrate comprehensive schema-based client form validation and global static fuzzy search.
- Medium-Term: Build a localized administrative dashboard utilizing Supabase for unified record management.
- Long-Term: Scale the infrastructure into a full-fledged, secure enrollment pipeline featuring integrated learning management tools.