• 

  Logo!

Inspiration

We wanted it to be a interdisciplinary project involving financial literacy in a gamified style. Our main inspiration for the game part was Gacha Life which is a roleplaying video game that allows users to create anime-style characters on a mobile device.

What it does

It is a stock trading simulator where your market performance earns you money, which you can use to customize your very own avatar. It turns finance into a creative, interactive experience—combining trading, strategy, and personalization in one platform.

How we built it

We built it using VSCode in Python and Javascript and integrated the Flask and React frameworks from both languages respectively. We also got stock information from Yahoo Finance which let us create live graphs for the simulation.

Challenges we ran into

The biggest challenge we had to face was implementing the graphs live, considering we worked on this during a weekend when the market is closed.

Accomplishments that we're proud of

Integrating the graph live into the website was the biggest accomplishment we had, and we also found it really nice to add the visuals to the shop.

What we learned

Overlaying sprites was harder than we expected. While vibecoding made our work easier, we found more problems with them than compared to files that we hardcoded on.

What's next for Avatar Exchange

• More Accessories + Character Design Opportunities
• Better UI Design + Frontend-Backend Integration
• More stocks with S&P500

Built With

• axios
• css3
• flask
• html
• javascript
• python
• react
• yahoo-finance