Git Orientation — WebGL Git Workshop Experience
An interactive git-learning experience for Open Source Developers Community, designed as a CRT terminal in WebGL.
Production Deployment
A stylized browser-based onboarding flow that teaches git concepts through a moody CRT interface and puzzle-like interaction design.
Live preview
Embedded from osdc.github.io
If the embed is blocked by the site, open the live deployment.
Stack
JavaScript · WebGL · REGL · GitHub Actions
What it does
- Turns a git orientation flow into an interactive CRT terminal experience rendered in WebGL
- Uses shader-driven visuals and terminal-style interaction to make a workshop feel more like a game than a form
- Ships as a browser-based experience for the Open Source Developers Community
- Supports workshop logic tied to CTF-style judging and leaderboard updates
Engineering notes
The interesting part here was not just building a flashy interface. The UI was deliberately designed to feel like a haunted CRT terminal, while the delivery pipeline handled practical workshop concerns through GitHub Actions automation for evaluation and leaderboard updates.
Links
Related: JavaScript · GitHub Actions