Trenches

Your Wallet’s Worst Nightmare (and Best Lesson) 😈😇

Comment

Trenches: Escape Your Financial Faux-Pas, one Roast at a time

Inspiration

In today's digital age, unhealthy spending habits are digging us deeper into financial trenches. From impulse purchases on Amazon to endless food delivery subscriptions, from "Buy Now, Pay Later" schemes to retail therapy binges, we're all guilty of making questionable financial decisions. 🤦‍♀️

Traditional financial literacy apps are too dry and disconnected from real user behavior. I wanted to create something that would make users face their financial reality - with a dash of humor and personalization.

What it does

Trenches is a gamified financial literacy platform that:

  1. Analyzes your transaction data across multiple merchants (DoorDash, Amazon, Netflix, Walmart, etc.) using Knot API
  2. Starts with personalized roasts of your financial missteps 💀
  3. Transforms into an educational quiz where you: 👩‍🏫
    • Learn from your past financial decisions
    • Answer scenario-based questions tailored to your spending patterns
    • Progress through levels as you improve your financial literacy
    • Watch your avatar rise from the financial trenches with each correct decision

How I built it

The game is built with a modern tech stack:

  • Data Access: Knot API for secure transaction data
  • AI: Google's Gemini API for intelligent transaction analysis
  • Frontend: React with TypeScript for type safety and maintainability
  • UI: ShadCN components with Framer Motion for smooth animations
  • React Three Fiber for immersive trench visualization
  • Backend: Node.js with Express

Key technical features:

  • Real-time transaction analysis using Gemini LLM
  • Dynamic difficulty adjustment based on user performance
  • Beautiful trench visualization that responds to user progress
  • Personalized educational content based on user behavior

Challenges I ran into

  1. AI Integration: Fine-tuning Gemini LLM to provide relevant, personalized financial insights
  2. User Experience: Balancing the "roast" aspect with educational value to keep users engaged
  3. Performance: Optimizing graphics and animations for smooth gameplay
  4. Data Analysis: Creating meaningful patterns from diverse transaction data across multiple merchants

Accomplishments that I'm proud of

  1. Successfully integrated multiple APIs (Knot, Gemini) to create a seamless user experience
  2. Created an engaging visualization that makes financial progress tangible
  3. Developed a unique "roast-to-educate" approach that keeps users engaged
  4. Built a scalable architecture that can handle diverse transaction data
  5. Achieved a perfect balance between humor and education in the user experience

What we learned

  1. The importance of user privacy in financial applications
  2. How to effectively use AI for personalized financial insights
  3. The power of gamification in financial education
  4. Best practices for handling sensitive financial data
  5. How to create engaging educational content that resonates with users
  6. The value of combining humor with serious financial topics

What's next for Trenches

  1. Enhanced AI Analysis: Implement more sophisticated spending pattern recognition
  2. Social Features: Add multiplayer support for financial literacy challenges
  3. Expanded Merchant Integration: Support for more transaction sources
  4. Mobile App: Native mobile application for on-the-go financial learning
  5. Community Features: User forums for sharing financial tips and experiences
  6. Customizable Avatars: More personalization options for user avatars

The future of Trenches lies in making financial literacy more accessible, engaging, and personalized than ever before.

Built With

Share this project:

Updates