As a user, I should be able to scan my receipts to have my expenses filled

[n2chao]

Story Points: 5

Risk: LOW

Priority: MEDIUM

Description

Port the feature from Tally-bot. Lets a user upload a picture of their receipts and use OCR to parse it. Using regex, relevant information should be auto-filled when creating an expense. Since we don't have a license for Google Cloud Vision like Tally-bot, the library Tessract.js will be used for OCR.

http://tesseract.projectnaptha.com/

Mockup

The button was already added from a previous commit

Acceptance Test

Test Reference	Test Date	Tester	Test Steps	Expected Result	Actual Result
1	01/15/2019	Brian Vo	1)Login 2)Go to "My Expenses" 3)Click "New Expense" 4)Click Scan Receipt 5) Upload a valid receipt	Should see some expense fields filled with data from the receipt	Passed
2	01/15/2019	Brian Vo	1)Login 2)Go to "My Expenses" 3)Click "New Expense" 4)Click Scan Receipt 5) Upload a valid receipt 6) Click Submit	Should be able to file the expense with the data from the receipt scanned	Passed

Tasks

• [x] Implement OCR and port regex - 1 Ideal hour(s)
• [x] Controller and routes - 2 Ideal hour(s)
• [x] Frontend - 1 Ideal Hour(s)
• [x] Testing - 1 Ideal Hour(s)