Finance Visualizer

Landing Page, Choosing User
3D Data Visualization for the transactions

Inspiration

Managing finance can be challenging, especially when it comes to budgeting and tracking expenses. We wanted to create a seamless and interactive platform that makes financial management easier and more engaging, especially for educating children about the complex world of finance. By integrating 3D data visualization, we aimed to present financial insights in a more intuitive and visually appealing way.

What it does

Finance Visualizer is a comprehensive financial management platform that enables users to track expenses, set budgets, and manage allowances seamlessly. With a user-friendly interface, real-time financial tracking, and secure transaction logging, the platform makes financial planning accessible and engaging. Each user can create a personal profile to monitor their spending, while dependents can request allowances that are reflected dynamically in their financial charts. The integration of interactive 3D data visualization enhances the experience, making financial insights more intuitive and enjoyable.

How we built it

For the front-end, we utilized React, Vite, Node.js for the core web application, while developing the 3D models and the Graphic View feature with Next.js, Three.js, and Spline. On the back end, we used Flask and Python for connectivity and data processing, with MySQL as the database to store financial data securely.

Challenges we ran into

There was difficulty in setting up the connection between the back-end and the front-end, which required troubleshooting API requests and database interactions. Additionally, working with 3D modeling tools and libraries like Spline and Three.js was a new experience for our team, requiring us to learn and adapt quickly.

Accomplishments that we're proud of

We successfully built a functional and interactive platform that allows families to manage their finances collaboratively. One of our biggest achievements is the seamless integration of 3D data visualization, which enhances the user experience by providing a more engaging way to interpret financial data.

What we learned

Throughout this project, we gained valuable technical skills, including 3D data modeling, programmatic art, and advanced front-end and back-end integration techniques. Beyond hard skills, we also got to hone our communication, problem-solving, critical thinking, and collaboration skills, which are invaluable skills for the tech industry.

What's next for Finance Visualizer

Moving forward, we plan to integrate AI-driven financial insights, add mobile app support, and introduce features like goal-based savings recommendations to further enhance the experience of financial management.