HKU Vox Solutions Platform

Interactive video learning platform with 3D virtual avatars and role-based navigation for enhanced educational content delivery.

HKU Vox Solutions Platform

An innovative educational technology platform that transforms traditional learning through interactive video content, 3D virtual avatars, and intelligent progress tracking.

Role: Full Stack Developer Intern

Working at HKU Vox Solutions, I contributed to building next-generation educational technology that enhances the learning experience through interactive video content and AI-powered features.

Key Contributions

Frontend Development

  • Vue.js TimelineMarker Component: Engineered a reusable component for video players that provides role-based navigation and visually indicates question status
  • Enhanced Learning Path Clarity: Improved content management and navigation for better user experience
  • Performance Optimization: Resolved Flash of Unstyled Text (FOUT) issues, achieving 75% font payload reduction and 150ms improvement in first-paint latency

Backend & Database Development

  • PostgreSQL Data Model Refactoring: Redesigned database schema to link questions with precise video timestamps
  • Express.js API Development: Built APIs to track student progress and enforce sequential viewing restrictions
  • Progress Tracking System: Implemented comprehensive student progress monitoring

Technology Stack

  • Frontend: Vue.js, JavaScript, SVG-based icon libraries
  • Backend: Express.js, Node.js
  • Database: PostgreSQL
  • Performance: Font optimization, lazy loading strategies

Impact

  • Enhanced User Experience: Role-based navigation improved content accessibility
  • Improved Performance: 75% reduction in font payload and significant latency improvements
  • Better Content Management: Streamlined question-video timestamp linking
  • Educational Effectiveness: Sequential viewing restrictions ensure proper learning progression

Problem Solved

Traditional educational video platforms lack interactive elements and proper progress tracking. This platform addresses these issues by:

  • Providing precise question-to-video timestamp mapping
  • Enforcing sequential content consumption
  • Offering role-based navigation for different user types
  • Optimizing performance for smooth learning experiences

This project demonstrates my ability to work on complex educational technology solutions while focusing on both user experience and technical performance optimization.