System Components Overview

MoneyTracker is a Progressive Web App built with React and Semantic UI.

The web app is 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.com.

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.