Swipe Coach

• 

  Credit Card Application Page

• 

  Dashboard

• 

  Spending over view

• 

  Smart Swipe

• 

  Credit Card Reccomendation

• 

  Flow Coach (Gemini Chatbot)

Inspiration

Managing multiple credit cards can be confusing because it is not always obvious which one gives the best rewards for a purchase. We wanted to create a tool that solves this everyday problem by helping people make smarter choices in real time. We also wanted users to see their spending habits visually so they can better understand where their money goes. Our goal was simple: build something quick, easy, and practical that helps people save money while giving them more control over their finances.

How We Built It, What We Learned, and Challenges

For this project, we chose the learning path. While we were comfortable with React, Node, Express, and SQL, we challenged ourselves by moving to a new stack: a Flask backend with a React frontend and a NoSQL database. On top of that, we integrated external APIs like Auth0 for secure authentication and Gemini for a chatbot experience. Bringing these APIs into our project was not easy since we had to quickly learn how to work with them, but in the end it paid off. Auth0 saved us time on building authentication from scratch, and Gemini allowed us to add an interactive LLM that made our app more dynamic. This project pushed us to grow beyond our comfort zone, and the challenges we faced turned into opportunities to learn and deliver a tool we are proud of.

Built With

• auth0
• flask
• gemini
• mongodb
• react
• tailwind
• typescript