Developed an award-winning Progressive Web App (PWA) serving as a comprehensive space education hub. Engineered a custom, performance-optimized game engine within React for the 'Space Shooter' module. Integrated a conversational AI agent powered by Dialogflow for interactive learning and implemented a rigorous reliability suite using Checkly to monitor API health and uptime.
Key metrics and achievements that define this project
Explore the live demo, check the code, or reach out to discuss it
Full Case Study
Building an educational platform that engages users through gamification while maintaining educational integrity. The space shooter game needed to run at 60 FPS on low-end devices without compromising learning outcomes.
Developed a custom game engine using HTML5 Canvas with optimized rendering loops and object pooling. Implemented progressive enhancement for PWA features and used service workers for offline capability. AI chatbot provides contextual learning assistance.
Deep-dived into game development principles, learned advanced PWA techniques including background sync and push notifications, and gained expertise in creating accessible interactive experiences.
A phase-by-phase record of how the work was scoped, built, and carried into production.
Set the product direction around making space education interactive enough to retain attention without turning the platform into a game-only experience.
The challenge statement in the project record already anchors the work around low-end device support and educational integrity.
Designed the Space Shooter module as a purpose-built rendering system inside the React application instead of relying on a heavyweight game framework.
The repository record already references a custom engine, optimized rendering loops, and object pooling as the core tradeoff for control and performance.
Integrated the educational UI, offline-ready PWA capabilities, and Dialogflow support into a single learning experience.
Service workers, progressive enhancement, and contextual AI assistance were implemented as part of the same product narrative rather than separate demos.
Tuned the gameplay path around the stated 60 FPS target on lower-end devices and kept the experience progressively enhanced where features were unsupported.
Optimization focused on the rendering loop and asset behavior rather than on cosmetic metrics that the project data does not currently substantiate.
Released the project as a complete educational PWA and carried the award recognition into the final portfolio narrative as externally visible evidence.
The project record already documents a 1st Prize outcome, giving the launch phase a concrete credibility signal without inventing new KPIs.
Visual Showcase
This screen captures the production-facing design language, layout rhythm, and overall polish of the experience.
Scroll to explore technologies →
