STACK-STORY

• 

  landing page

Inspiration

What it doesStackStori: Financial Life Simulator

Inspiration

We were inspired by games like BitLife that simulate life decisions, but we wanted to create a more educational and practical version for personal finance. With rising student debt, inflation, and complex investing choices everywhere, financial literacy is critical—yet it’s not taught enough in schools.

StackStori gamifies these lessons and turns them into interactive scenarios based on real-world situations (like the 2008 crash or crypto hype cycles). Our goal was to help players learn by playing with money without actually losing it.

How it works

You’re faced with financial scenarios.

Each scenario has 4 binary choices (e.g., “invest aggressively” vs. “save in cash”).

Choices impact your net worth, diversification, risk profile, and future opportunities.

The game tracks assets and behaviors until retirement (~65).

At the end, players receive: A Leaderboard rank based on net worth 🏆

A Report card with advice on diversification, compounding, and risk management

Bias flags (like panic-selling or chasing hype)

Personalized AI coaching tips

How we built it

• Frontend: Next.js (React), TailwindCSS

• Backend: Python

• Database: Supabase (Postgres + Auth + Analytics).

• AI Logic: Google Gemini API as the “Game Master” — generates scenarios, evaluates choices, and flags biases.

Challenges we ran into

• Learning supabase
• working around hydration mismatch
• Trying to push to github pages
• Vercel 404 errors (we had issues)
• version control (me and my team learned a lot)

Accomplishments that we're proud of

• A partly working idea

What we learned

• Team collaboration
• New technologies and skills

What's next for STACKSTORI

• further development and file clean up

Built With

• nextjs
• python
• react
• supabase