Interactive lessons

LiveShuttle

Learn how driverless transport works, then follow an autonomous shuttle around Ma Chung University.

What I built

A learning site about driverless transport, with interactive lessons and a simulated shuttle on real streets around Ma Chung University.

Role

Developer

Built with

HTML, CSS, JS, Vercel

Features

Ten lessons with short explanations and small simulations you can adjust, a 3D shuttle with a guided and a free mode, and a final quiz. Progress saves in the browser.

Design

A dark map look, with streets taken from OpenStreetMap so the lessons stay around Malang.

Automation

Tasks tick themselves off as soon as you do them.

Next projectWinton Kaffehaus