Inspiration We were inspired by the need for accessible and engaging financial education. Many people, especially younger generations, find personal finance and investing intimidating. We wanted to create a fun, interactive tool that demystifies these concepts by allowing users to experiment with different investment strategies in a risk-free environment. Our goal was to build a hands-on experience that teaches the basics of portfolio management, diversification, and market awareness.
What it Does The Financial Futures Simulator is a web-based game where you take on the role of an investor. You start with
$10,000 in cash and have five simulated years (60 months) to grow your wealth.
The game includes:
Available Assets: You can invest in a variety of assets, each with unique characteristics like volatility, risk, and growth rate. Options include an S&P 500 ETF, Tech Stocks, Cryptocurrency, Real Estate, Fixed Deposits, and Gold.
Market Dynamics: As you advance through the months, asset prices change based on simulated market conditions. You can monitor key metrics like your cash balance, portfolio value, diversification, and risk score to track your performance.
Market News & Advisor Tips: A market news section provides clues about economic events like a "Tech Boom," "Global Recession," or "Inflation Spike," which can influence your investment decisions. The market advisor offers strategic tips to help you navigate these events.
Final Report: After 60 months, the game concludes with a detailed report showing your final portfolio value, total return, and a year-by-year performance chart.
How We Built It We built the simulator using a straightforward web stack: HTML, CSS, and JavaScript.
HTML: The structure of the game's user interface, including the welcome screen, game dashboard, and final report modal, was created with HTML.
CSS: We used Tailwind CSS for rapid styling and a modern, clean look. The design is responsive, ensuring a smooth experience on both desktop and mobile devices.
JavaScript: The core game logic is powered by JavaScript. This includes simulating asset price changes, handling buy/sell transactions (with a
1% fee), tracking portfolio performance, and generating random market events. We also integrated the
Chart.js library to visualize the user's portfolio growth over time.
Challenges We Ran Into One of our biggest challenges was creating a realistic yet unpredictable market simulation. We had to balance fixed growth rates with dynamic, random volatility and a system for market events to ensure that the game was both educational and fun. We also focused on making the user interface intuitive, which involved careful design and iteration to ensure all the key financial metrics were clear and easy to understand.
What's Next for Financial Futures Simulator New Assets & Events: We plan to add more diverse assets like bonds or commodities, as well as new market events to increase the complexity and realism of the simulation.
Advanced Metrics: We want to include advanced financial metrics like Sharpe Ratio to help users better understand risk-adjusted returns.
User Accounts: Implementing user accounts would allow players to save their progress, compete with friends, and share their results.## Inspiration
Log in or sign up for Devpost to join the conversation.