For Dummies! Expense Tracker App
We are going to build an expense tracker app using React as the front end. Node as the backend and for processing the receipt image using OCR we will be using Google Cloud Vision API.
Google Cloud Vision API can make it really fast to extract text from an image using OCR. With some math we can the extract individual lines of text.
Topics covered:
How to setup Google Cloud Vision API for OCR
How to create a project in Google cloud console
How to setup a service account on Google cloud console
How to configure the API KEY in windows environment for Google cloud console
Creating our own api in node js that interacts with Google cloud vision.
How to test node js api using Postman.
How to create a React app and use Material UI (MUI)
and much more...
3:00 - Google Cloud Account setup
9:30 - Starting the back end
13:52 - File upload to server with multer
17:00 - Processing receipt with Google Cloud Vision
48:47 - Starting the front end
1:18:37 - Creating http service with axios
1:22:18 - Internationalization API (Intl)
A lot of time and research goes into making these projects and if you enjoy the videos, consider supporting the channel by sharing, subscribing and liking.
blog:
https://grepsoft.com/blog
twitter:
/ grepsoft1