SkillScape

SkillScape Welcome Screen
Quest Hub
Profile
Future Simulator screen
Team Projects
Future Map screen

Inspiration

I wanted to create something more than just a game or just an educational app. Most life sims are about making choices and seeing stats go up, but they don’t teach real skills. Most educational games are useful, but not immersive or motivating. I imagined a world where students can “try on” futures, master real abilities, and see how every decision opens new possibilities—just like real life. That’s how SkillScape was born.

What it does

SkillScape is a life simulation game for students, powered by skill-based quests. Instead of just clicking “Study Hard” or “Practice,” players complete interactive challenges—like coding a mini-game, leading a team, or organizing a virtual fundraiser—to unlock and progress toward different careers. A dynamic “Future Map” visualizes all the futures branching from your choices, making every path unique. Multiplayer features let players team up for projects and compete in innovation challenges.

How I built it

I built the prototype as a web app using:

Frontend: HTML, CSS, JavaScript
Backend: Python (Flask)
Database: SQLite
Design: Canva & Figma for mockups

The Future Map uses a tree structure to track player choices and dynamically reveal new branches. Each quest is a mini module—some are built-in games (like a budget puzzle for entrepreneurs), others are skill checklists (leadership, creativity, problem solving).

Challenges I ran into

The biggest challenge was designing a quest system that genuinely teaches skills, not just awards points. I iterated on game mechanics to make sure “game developer” quests actually involve game design and prototyping, not just clicking “make game.” Visualizing the Future Map in a way that’s both meaningful and fun was also a challenge—I learned a lot about UX and data structures!