Frontend Experience·2025
Window Into The World
An interactive data experience built under hackathon time pressure, real-world data visualised with React, TypeScript, and Three.js.
- Team Project
- React
- Three.js

Problem
Hackathon projects usually fail for simple reasons, unclear scope, messy handoffs, and last-minute integration problems. Our goal was to ship an interactive experience within a tight deadline while keeping the build stable enough to demo.
What we built
We created interactive modules that visualised real-world data using React and TypeScript, with Three.js for 3D rendering. The project focused on turning external API data into something users could explore quickly, with clear UI flows and responsive rendering.
My contribution
I worked on implementation tasks that helped us move from concept to a working demo. That included integrating external APIs, shaping the data into UI-friendly structures, and building components that could be reused across the experience.
Outcome
We shipped a functional, interactive build under time pressure, with a codebase that still made sense after the event.
Highlights
- Interactive 3D modules visualising external API data
- Integrated APIs into reusable, UI-friendly components
- Shipped a stable, demo-ready build under tight time pressure