arrow_backAll Projects
workFrontend Engineer

Holoconnects – Real-Time Hologram Collaboration

Led frontend architecture and WebRTC integration for a real-time immersive communications product using Vue.js and Node.js, achieving sub-second interaction latency. Featured at CES 2024 & 2025.

analyticsProject Metrics
CES 2025
events
<400ms
latency
500+
displays
check_circleSub-400ms video latency across 12 countries
check_circleAd scheduling system managing 500+ simultaneous displays
check_circleFeatured at CES 2024 and CES 2025
warning

The Challenge

Hologram kiosks needed a reliable peer-to-peer video connection with sub-500ms latency while simultaneously rendering HD promotional content across hundreds of geographically dispersed displays.

lightbulb

The Solution

Used WebRTC with a custom TURN/STUN server setup via Peer.js. Vue 3 Composition API managed reactive state across kiosk sessions. A Laravel backend handled authentication, scheduling, and ad content delivery.

architecture.txt
{# Architecture Overview}
Vue.js 3 → WebRTC/Peer.js → Laravel API → MySQL → Push Notifications → Kiosk Display Manager
code

Tech Stack

star

Key Features

check

Built comprehensive Vue.js application integrating with hologram kiosks

check

Implemented live video streaming using WebRTC and Peer.js

check

Created business ad management system for digital displays

check

Optimized real-time communication and push notification system

account_tree

Architecture Overview

FrontendReal-timeAPI / BackendDatabaseMobile
web01

Vue.js 3

Frontend
arrow_downward
data flow
bolt02

WebRTC/Peer.js

Real-time
arrow_downward
data flow
dns03

Laravel API

API / Backend
arrow_downward
data flow
database04

MySQL

Database
arrow_downward
data flow
bolt05

Push Notifications

Real-time
arrow_downward
data flow
phone_android06

Kiosk Display Manager

Mobile
layers6 servicesaccount_tree5 layersarrow_downwardTop-to-bottom data flow