About the Project Inspiration We wanted to create a fun, engaging way to educate people about the stock market in a risk-free environment. Many new investors struggle with understanding market dynamics, so we designed Mystic Market—a fantasy-themed trading simulator where players buy and sell magical assets based on an ever-changing economy.
What We Learned Throughout this project, we gained valuable experience in frontend development, backend development, market simulation, and financial concepts. We learned how to build a real-time trading system, simulate market fluctuations, and create a user-friendly interface that helps players understand investment strategies.
How We Built It We developed the frontend using HTML, CSS, and JavaScript, with D3.js for data visualization. The backend was built with Node.js and WebSockets to handle real-time market updates. For the database, we used a simple in-memory data structure to track user holdings and asset values. OpenAI was integrated to generate dynamic news events that impact asset prices.
Challenges We Faced Implementing real-time price fluctuations while maintaining balance was a challenge. We also had to ensure smooth UI/UX for buying and selling assets, handle portfolio tracking and gain calculations dynamically, and manage data consistency across multiple users in a multiplayer environment.
Despite these challenges, Mystic Market came together as an exciting, educational, and immersive project.
Log in or sign up for Devpost to join the conversation.