Skip to main content

Project case study

NEXDI portfolio

A static university virtual-tour website built with HTML, CSS, and JavaScript to organize college, facility, and institutional information into a guided browsing experience.

Engineering case study by Jonas Viray, Full Stack Developer & AI Automation Engineer

NEXDI portfolio | project by Jonas Viray

Overview

NEXDI Virtual Tour presents Southern Luzon State University through structured pages for colleges, facilities, institutional information, and guided visual exploration. The implementation is primarily front-end, with HTML, CSS, and JavaScript handling navigation, layout, and interaction. The project demonstrates early work in organizing a larger information set into a browsable campus-oriented experience.

engineering summary

Problem → Architecture → Contribution → Result

Problem
University information about colleges, facilities, and institutional content needed to be presented in a guided experience that could function like a lightweight virtual tour.
Architecture
The site uses HTML, CSS, and JavaScript for page structure, responsive layout, navigation, and interactive browsing across institutional and campus-oriented content.
Contribution
Built the frontend structure and guided navigation as an early project centered on organizing a larger information set into a coherent browsing flow.
Result
The project demonstrates early information-architecture and interaction work by turning campus content into a more navigable web experience.

Related service: Product Engineering & Business Systems

Public product-surface details below are included as scope context from the observed site or application. They are not presented as claims about business outcomes, revenue, approvals, health results, or other client marketing metrics.

Observed product surface

  • Per-college pages with course lists and virtual tour views
  • Covers six colleges, from Industrial Technology and Engineering to Allied Medicine
  • University vision, mission, core values and goals section
  • Link to the official SLSU website

Public product areas

  • Home
  • Colleges
  • Courses
  • Virtual Tour
  • Vision / Mission / Goals

Intended audience · Prospective students and visitors of Southern Luzon State University

Planning a system with similar complexity?

Send the requirements, current stack, and constraints. I'll outline how I would structure the system, where the main risks are, and what an implementation path could look like.

Discuss the system Book a call

More projects

All work