FinStreet – A Real-Life Financial Learning Simulator

Inspiration

Many people, especially students, lack practical knowledge about managing money. Financial concepts like budgeting, loans, and investments are often taught only in theory. We created FinStreet to make financial learning practical and interactive through real-life simulations.

What it does

FinStreet is a web-based platform where users manage a virtual financial life. They receive income, track expenses, face unexpected events, and make decisions such as saving, investing, or taking loans while seeing the impact on their financial health.

How we built it

We built FinStreet using the MERN stack: React.js for the frontend, Node.js with Express.js for the backend, and MongoDB for the database. We used REST APIs for communication and Chart.js for financial data visualization.

Challenges we ran into

Designing realistic financial simulations and handling dynamic events was challenging. We also worked on properly visualizing financial data and ensuring smooth communication between frontend and backend.

Accomplishments that we're proud of

We successfully built an interactive platform that teaches financial literacy through simulation, combining dashboards, financial events, and investment scenarios in one system.

What we learned

We learned full-stack development with the MERN stack, improved our problem-solving skills, and gained deeper understanding of financial concepts and data visualization.

What's next for FinStreet – A Real-Life Financial Learning Simulator

Future plans include an AI financial advisor chatbot, a mobile app, real-time economic data integration, and gamification features like leaderboards and challenges.

Built With

• axios-for-api-requests-platform:-web-application-(browser-based)-development-stack:-mern-stack-(mongodb
• css
• express.js
• express.js-database:-mongodb-apis:-rest-apis-for-communication-between-frontend-and-backend-libraries-&-tools:-chart.js-for-financial-data-visualization
• frontend:-react.js
• html
• javascript-backend:-node.js
• react.js