Orbiter Stats (Warframe 3D Star Chart)

Overview

Engineered a highly interactive, full-stack 3D web application using Next.js 16, TypeScript, and React Three Fiber to visualize the Warframe Origin System. Designed procedural WebGL shaders for planets and integrated real-time external APIs (WFCD, tenno.tools) to track open-world cycles, drop tables, and live bounties, implementing robust caching and fallback mechanisms for graceful degradation during API downtime. Optimized the application for cross-device performance by implementing custom UI state management with Zustand, TanStack Query for efficient data fetching, and an accessible, responsive design that supports shareable deep links and reduced-motion preferences.