Inspiration
Managing personal finances can be overwhelming, especially when financial information is scattered across bank accounts, credit cards, loans, and savings goals. Traditional banking applications often present complex dashboards filled with numbers without helping users understand what those numbers actually mean.
What it does
Nessotron Bank is an AI-powered, gamified financial wellness platform that transforms financial planning and education into an interactive experience.
Users enter a Pokémon-style virtual bank where they can explore the environment and interact with two specialized AI agents:
Finny — AI Financial Analyst: Helps users understand their financial health, discuss budgeting, savings, debt, and financial goals. When users are interested in purchasing a home, Finny guides them to an AI-powered 3D House Designer, where they can generate and visualize personalized house layouts based on their preferences.
Max — AI Financial Literacy Coach: Explains financial concepts such as compound interest, credit scores, investing, and debt management in simple language. Max also guides users into MoneyVerse, our immersive financial education game.
MoneyVerse transforms financial concepts into a 3D universe where bank accounts become planets, bills appear as incoming asteroids, debt is represented by a black hole, and savings goals become worlds users build over time. Instead of simply reading about financial decisions, users can explore different scenarios and experience how their choices affect their financial future.
Powered by NVIDIA Nemotron, our conversational agents make financial guidance more accessible and interactive. Users can ask questions naturally and navigate between experiences through AI-driven conversations.
How we built it
We developed Nessotron Bank using a combination of game development, AI integration, backend engineering, and 3D visualization technologies.
- Frontend: Built using HTML5, CSS3, and JavaScript, with a custom Pokémon-inspired interface and interactive dialogue systems.
- Game Engine: Used Phaser.js 3.70 to develop the pixel-art virtual bank, including character movement, animations, and interactive elements.
- Backend: Developed a Node.js server to handle application routing, API requests, AI conversations, and integration between different features.
- Conversational AI: Integrated NVIDIA Nemotron through NVIDIA's OpenAI-compatible API to power Finny and Max, each with specialized prompts and conversation history.
- AI House Designer: Integrated the Anthropic Claude API to generate structured house layouts and Three.js to render interactive 3D models.
- MoneyVerse: Built as a separate TypeScript and Vite application featuring an immersive, gamified financial learning environment.
- Voice Interaction: Incorporated browser-based speech recognition to support spoken financial questions.
- AI-Driven Navigation: Implemented structured JSON actions that allow Finny to initiate the House Designer experience and Max to redirect users to MoneyVerse.
We organized the application into modular components so that the AI agents, game environment, financial education experience, and 3D visualization tools could be developed and integrated independently.
Challenges we ran into
One of our biggest challenges was integrating multiple technologies into one cohesive experience within the limited hackathon timeframe.
Building the pixel-art banking environment required coordinating character movement, game interactions, dialogue overlays, and keyboard controls without disrupting gameplay.
Another challenge was integrating NVIDIA Nemotron into two separate AI agents while ensuring that each maintained a distinct purpose. Finny needed to focus on personalized financial planning, while Max needed to prioritize financial education and guide users toward MoneyVerse.
Connecting conversational AI to interactive applications also required careful handling of structured responses, navigation actions, and conversation history.
For the House Designer, translating AI-generated layout information into meaningful 3D visualizations introduced additional complexity. We also had to coordinate multiple local development servers, manage API credentials securely, and troubleshoot frontend-backend communication issues.
These challenges pushed us to focus on modular architecture, rapid debugging, and reliable integration.
Accomplishments that we're proud of
- Created an interactive virtual bank: Transformed a traditional financial application into a playable Pokémon-style environment using Phaser.js.
- Developed two specialized AI agents: Built Finny and Max using NVIDIA Nemotron, each designed for a different aspect of financial wellness.
- Connected AI conversations to real application features: Implemented conversational navigation between Nessotron Bank, the House Designer, and MoneyVerse.
- Built an AI-powered 3D House Designer: Combined Claude-generated layouts with Three.js to turn housing preferences into interactive visualizations.
- Designed MoneyVerse: Created an imaginative financial learning experience that represents financial responsibilities and goals through a 3D universe.
- Combined education with financial planning: Brought together personalized financial conversations, interactive learning, and visual simulations in one project.
- Collaborated under hackathon constraints: Integrated multiple independently developed components into a shared experience within a short development window.
Our proudest accomplishment is demonstrating that financial technology doesn't have to feel intimidating or overly technical. It can be interactive, approachable, and engaging.
What we learned
Building Nessotron Bank taught us how to combine conversational AI, game development, and interactive visualization to solve a real-world problem.
We gained hands-on experience integrating NVIDIA Nemotron into a Node.js application, designing specialized AI agents, managing conversation history, and using structured AI responses to trigger application actions.
We also strengthened our understanding of Phaser.js for 2D game development, Three.js for 3D visualization, and Anthropic Claude for AI-assisted content generation.
Beyond the technical skills, we learned the importance of designing AI experiences around specific user needs. Instead of relying on one general-purpose chatbot, we created two agents with clearly defined responsibilities.
Most importantly, we learned that making financial information understandable is just as important as making it available. Interactive storytelling and visualization can help people build financial confidence through exploration and practice.
What's next for Nessotron Bank
Our long-term vision is to transform Nessotron Bank into a comprehensive, AI-powered financial wellness platform.
We plan to:
- Integrate secure financial data connections: Allow users to connect bank accounts, credit cards, loans, and savings through supported financial data providers, with appropriate consent and privacy protections.