Grocery receipt store

Web development course project

Prototype mobile webapp for storing receipts with automated text parsing.

Looks best with Chromium based browsers (uses datepicker in date-input field) and mobile browsers.

Architecture

• AngularJS + Bootstrap frontend
  • Pretty minimal animated UI
  • Some data visualization with D3 library
  • Autocompletes text input when entering products manually
• Rest api backend with Python Flask
  • Scrapers for some Finnish grocery store items
  • Tesseract for OCR, called with shell script.
• MongoDB database

Module seperation is pretty good in both backend and frontend.

• TODO Architecture drawing

Undone

Untested on most browsers, works probably only on fairly new browsers.

Code is untested.

Proper data validation / db schema is missing.

Some problems with removing cookies at logout (http simple auth).

OCR could be done a lot better.. Currently works for demoing.

Project is not optimized for production use (minified js ...)

How to Build and Run

• Create the file './app/secrets.py' and put inside credentials for accessing MongoDB like:
  MONGO_URI = 'mongodb://mongo/app'

• Install Docker and Docker-Compose as described here:
  https://docs.docker.com/engine/installation/
  https://docs.docker.com/compose/install/

• Execute being in the root:
  docker-compose up

• Open the page in a browser:
  http://localhost:8008/