Inspiration

Our Inspiration for this app was that many of us have trouble keep track of our receipts, as either we lose them or it ends up being one big pile for us to shuffle through. We wanted to create an app that could keep track of these receipts to streamline organization and allow for user-friendly access to everyday spendings!

How We Built the Project

We built out project by using React Native, using Typescript, as the Frontend and using Python for the Backend. We used Python's built-in Optical Recognition Character module "Pytesseract" to extract the text from the image of the receipt and then returned the data using a Python Flask API. The user then gets to see the store name and the total amount spent after closing the camera.

Challenges Building the Project

For the Frontend, we had challenges being able to fetch the data from the Flask API. One of the issues we were running into was understanding how to use the correct ports in order to receive the response from the API. We were able to fix these issues and we learned a lot about HTTP requests and connecting the React Native Frontend to the Flask API!

For the Backend, we had challenges learning how to preprocess the image properly in order to give the the Pytesseract model a clearer image to translate the text. We were able to learn how to preprocess the images for Text extraction and it was an extremely satisfying experience!

Share this project:

Updates