This project is the official digital platform for Presbyterian Bible Seminary Inc. (PBSI) and represents a major institutional digital transformation initiative.
The goal was to replace outdated manual systems with a centralized digital platform that improves enrollment processes, information accessibility, and administrative efficiency.
Before this system:
- Student records were heavily manual
- Inquiries were fragmented
- Program information was difficult to maintain
- Administrative workflows were slower
This platform was designed to modernize institutional operations while creating a better experience for students, faculty, and administrators.
Live Site: https://pbsi1992.github.io
Create a centralized digital ecosystem that handles:
- Student inquiries
- Admissions
- Program information
- Institutional branding
- Administrative efficiency
while reducing dependency on manual processes.
- Astro 4.x
Used because:
- Extremely fast static generation
- Better SEO
- Lower hosting costs
- Easier maintenance
- Tailwind CSS
- Responsive UI Design
- Glassmorphism Components
- React Components
- Dynamic Form Handling
- State Management
- Astro Content Collections
- JSON-based content architecture
- GitHub Pages
- GitHub Actions
- is-a.dev infrastructure
Handles:
- Student registration
- Program selection
- Requirement submission
This reduces manual administrative workload.
Maintains synchronization across:
- Master’s programs
- Bachelor’s programs
- Diploma programs
- Academic tracks
Using JSON-driven architecture improves scalability.
Allows:
- Student inquiries
- Registrar communication
- Centralized communication flow
This improves response efficiency.
Users can choose:
- Light mode
- Dark mode
Preferences persist through local storage.
Functions as the primary source of information for:
- Prospective students
- Current students
- Faculty
- External stakeholders
Many educational institutions still operate with outdated workflows.
Common problems included:
- Manual paperwork
- Poor accessibility
- Slow communication
- Difficult content management
These inefficiencies create operational bottlenecks.
This project applies digital transformation strategy:
Manual Systems → Digital Infrastructure → Operational Efficiency
Identified institutional pain points:
- Enrollment friction
- Information fragmentation
- Administrative delays
Designed:
- Student journey flows
- Admin workflows
- Program content architecture
- Inquiry systems
Built modular architecture for easier maintenance.
This reduces technical debt over time.
Focused on:
- Fast loading speeds
- Mobile responsiveness
- Accessibility improvements
- Better navigation
Students often access websites through mobile devices, making optimization important.
Deployed through GitHub Pages with GitHub Actions for streamlined updates.
| Module | Functionality |
|---|---|
| Admissions Engine | Student registration and document submission |
| Academic Hub | Program directory and academic content |
| Inquiry Hub | Communication routing |
| Theme Engine | Preference persistence |
- Astro architecture
- Content collections
- React integration
- Static site optimization
- Digital transformation planning
- Workflow optimization
- Stakeholder-focused design
I learned that institutions often resist change because of transition costs.
Building systems requires balancing:
- Technical feasibility
- User adoption
- Operational practicality
- Better form validation
- Search functionality
- More analytics tracking
- Admin dashboard
- Student portal integration
- Automated notifications
- Full enrollment management system
- Learning management integration
- Payment gateway support
git clone https://github.com/pbsi1992/pbsi1992.github.io.gitcd pbsi1992.github.ionpm installnpm run devnpm run buildJero Halili
Computer Scientist • Full-Stack Developer • AI Engineer
Built for PBSI Digital Transformation (2026–2027)
Portfolio: https://jerohalili.is-a.dev
GitHub: https://github.com/jerohalili