System Components Overview
MoneyTracker is a Progressive Web App built with React and Semantic UI.
The web app is a static and hosted at Surge.sh, meaning there is no server to process requests. The app is built locally on developer's machine and deployed to Surge as a package of static files (HTML/CSS/JS).
Webtask.io is used for API resources like currency exchange service. Webtask is a JavaScript function which can process HTTP requests and runs in a cloud container provided by Auth0.
User data is stored locally on device in PouchDB and synchronized to a cloud CouchDB server.
It uses Auth0.com for user management and authentication. When user signs in for the first time, Auth0 will run a Webtask hook to provision user's databases in CouchDB server. The app utilizes per-user database approach, meaning each user has their own database on CouchDB server, instead of one big shared database for all users.