💡 Strengthen the demo for user testing
In previous steps, interactions were made with lightweight developments simply to test out the design. In the end, key functions were fully developed for a robust demo at the final showcase.
1. The Data – Node.js/Socket.IO server ➝ Firebase database
With temporary data on Node.js, users could review their artifact before a final export to Firebase. More importantly, the iPad in the viewing cabinet could access all artifact submissions between refreshes, making the system flow smoothly between the cabinets.

2. Hardware to Software – Arduino ➝ Javascript

3. Video/Audio Recording – MediaRecorder API
The Problem: The MediaRecorder API presented a lot of headaches during development. A perfectly fine video playing on the laptop could not be loaded on the iPad. This was my first time running into a platform-related issue.
The Solution: After numerous Google searches... I found that the file format had to be 'mp4,' not the more optimized 'webm' used on Chrome, to properly play on both the iPad and Mac Safari.
.gif)
4. Live Streaming – Open Source Code using WebRTC
.gif)
.gif)