Xpensio is an app aiming to help people keep track of their expenses. It was inspired by the prevailing cost of living crisis in our economy, and we thought it would be a great way to empower people to keep track of their everyday spending.

Users can add separate expenses based on the amount they paid, the merchant they purchased from, the date, a category, and a location. This is saved in a list which they can view easily at any time. Additionally, users can also scan their receipts as part of an expense input.

From all of this data, users are able to see a detailed breakdown of their spending through our analysis charts. They can also see their expenses plotted on a map to help them identify spending hotspots and visually see exactly where around them they are spending their money.

We used:

Database: Firebase / FireStore Front end: React Native, Expo-Go, SDK 49

Styling: React Native, Native Modules, React Native Paper Libraries/Dependencies: expo, react-native-firebase, firebase, react-dom, react-native, expo/webpack, react-native-chartkit

API’s: Google Cloud + Firestore + Authentication + Google Cloud AI, Geolocation API, Geolocation API, Google Auto Complete, Googles Places, Cloud Vision AI

Language: JavaScript ES6+, React Native

We had a lot of features we wanted to implement and therefore worked with libraries to increase our output significantly.

We struggled to implement the following features:
Receipt Scanner
Maps
Charts
Expense adder forms - we kept adding features to it (places, autocomplete)