AstroVault: The Financial Universe

A space trading RPG where every decision teaches real finance, turning financial literacy into an interstellar experience of markets, risk, and wealth building.

Comment

🚀 Astro Vault : The Financial Universe

What inspired this?

Financial literacy is one of the most important life skills and one of the least taught. In India alone, millions of young adults enter their 20s with zero knowledge of SIPs, mutual funds, or even basic budgeting. Existing finance apps are either too complex or too boring for a generation raised on games.

The insight: Games are the best teachers. You learn compound interest by watching your trade fleet grow. You learn market crashes by surviving an asteroid storm. You learn diversification by spreading your cargo across planets.

So I built a space trading RPG where every mechanic secretly teaches real finance.

🌌 The Concept

"Year 2157. Earth's economy collapsed. You are a broke interstellar merchant, one damaged ship, 500 Galactic Credits, zero financial knowledge. Your mission: achieve Financial Freedom across the galaxy."

Every planet represents a real financial concept:

Planet Finance Concept
🌍 Terra Base Banking & Savings
🔴 Mars Exchange Stock Market & Mutual Funds
💛 Jupiter Depot SIP & Systematic Investing
⚪ Europa Chain Cryptocurrency
🟣 Saturn Vault Real Estate & Long-term Assets
🌌 Void Deep Portfolio Theory & Financial Freedom

Players think they're trading space commodities. They're actually learning rupee cost averaging, P/E ratios, and emergency fund management.

🛠️ How I Built It

Built entirely with vanilla HTML, CSS, and JavaScript - zero frameworks, zero dependencies, runs offline.

The architecture:

  • core.js - Full game state engine with localStorage persistence, event bus, trading logic, badge system, and live price simulation
  • ui.js - Reusable component library (modals, toasts, charts, level-up overlays)
  • pages.js - All 7 page renderers including the galaxy map canvas, SVG spaceships, and portfolio dashboard
  • app.js - Router, sidebar updater, crash event scheduler, boot sequence

Notable technical features:

  • Canvas galaxy map - Procedural starfield with nebula blobs, shooting stars, SVG planet orbs with atmospheric shading and orbital ring animations
  • Live price engine - 8 assets with volatility simulation updating every 2 seconds, real Canvas sparkline charts per asset, P&L updating in real time
  • 5 unique SVG spaceships - Hand-drawn vector ships for each tier, complete with engine exhaust pulse animations, cockpit windows, and hull detail lines
  • Crash event system —-Random market crashes trigger dramatic full-screen overlays with 30-second decision windows and financial debrief modals

📚 What Players Actually Learn

Every game mechanic maps to a real financial concept:

  • Ship Engine = Income generating ability
  • Cargo Hold = Investment diversification capacity
  • Shields = Emergency fund strength
  • Navigation = Financial literacy score
  • Trading between planets = Arbitrage and market mechanics
  • Asteroid storms = Market corrections and volatility
  • Systematic auto-trading = SIP and rupee cost averaging
  • Safe haven assets = Defensive investing during downturns

The 10-question Finance Quiz Bank covers compound interest, P/E ratios, the 50/30/20 rule, index funds vs active funds, and more, all framed as "Navigation Challenges" during hyperspace travel.

⚡ Challenges Faced

The hardest part was making financial education feel invisible. Every mechanic had to be fun first and educational second. If it felt like a lesson, I'd lost.

The market crash system went through 4 iterations, the final version gives players 30 seconds to decide between 4 choices, each with real financial consequences that are explained in a debrief modal afterward. This creates genuine tension while teaching investing psychology.

The SVG spaceship system was the most time-intensive feature, each of the 5 ship tiers is a unique hand-drawn vector design with animated engine exhausts, cockpit lighting, and hull detail lines that visually communicate your financial progress.

🎯 Real-World Impact

This addresses a genuine global problem: 3.5 billion people are financially illiterate. Astro Vault targets the exact demographic that finance apps have always failed, 16–30 year olds who find traditional finance education boring but spend hours in games.

The financial concepts taught (SIP, emergency funds, diversification, crash psychology) are directly applicable to real platforms like Zerodha, Groww, and Coin making this a genuine gateway to real-world financial action.

Astro Vault doesn’t teach finance. It makes you experience it.

🔮 What's Next

  • Real NSE stock price feed via Yahoo Finance API
  • Multiplayer trading battles between commanders
  • Mobile PWA with push notification daily reminders
  • Regional language support
  • Parent dashboard for monitoring young learners

Built With

Share this project:

Updates

Submission history