itimoney

Scanner
Home Page
Trip Page
logo

demo

lhttp://g.recordit.co/HxP7EayTEP.gif

Inspiration

Planning a trip and figuring out how much money to budget for the trip is a struggle. As students, we often tend to overspend on things like travel and then survive on ramen for the rest of the month. Therefore, we introduced an income/expense dashboard that visualizes all our debit and credit transactions from our account into a chart so it is easier for us to set a realistic budget for an upcoming trip(s) When we are traveling, it is really easy to lose track of how much money we have spent, and often end up overspending or spending all our budgeted money within 3 days of a 5-day trip. This is especially harder for international students, like some of us on the team, since we are constantly trying to convert currencies like USD to our home currency in our heads. The feature of visualizing all your transactions converted to the currency you want is also a useful feature when traveling overseas, so you can know how much you are actually spending. Our app aims to help with making better financial decisions regarding travel, handling travel expenses, and having fun within budget so you do not have to cry later.

What it does

Our app has these main functionalities: -The income/expense dashboard to visualize expenses against income in a month/week. -The home page keeps a record of all travels including past, current, and upcoming and records how much they have spent/going to spend and have them all in one place

Once we click on a specific trip, we can see how much we have budgeted for the trip, the amount we have spent already and the amount remaining from our budget. To do all these calculations, will use our Capital One API to fetch data about digital transactions. For cash Transactions, we have a scanner that will parse data from the receipt and subtract the total from the receipt.
The transaction page records all of user’s transactions, both cash and digital and displays it in a calendar. -The Profile page has the options for editing the profile, adding bank information, change currency to preferred currency, etc

How we built it

We prototyped our app with Figma and Canva for logo and designs. We used Flutter to build the framework and Dart to create the app interface And we parsed the API data to JSON using Flutter and Python to visualize the data.

Challenges we ran into

Since none of us had worked with flutter before and were in a time crunch, we struggled to integrate all our features using flutter. We also had some difficulties with figuring out how to use Capital one API but figured it out with the help of a mentor

Accomplishments that we're proud of

Developing the app with Flutter and dart from scratch Learning how API does and how to manipulate the data from the API Integrating API with app development software in Flutter and Dart and data science tools(Python)

What we learned

We learned great teamwork and collaboration, and how to bring together our final project through development, mockups, brainstorming ideas, and sketches. We learned how to brainstorm in a team, prototyping with Figma in the workshop, how to use flutter, how visualize data fetched from API using python, and how to integrate the data visualization into the app via Dart. Since this was our first in-person hackathon, we also learned how to have fun at a Hackathon!

What's next for itimoney

We want to finish building this for flutter, integrate user authentication, build the parsing feature and connect our frontend to our existing backend