Expense Manager (PWA design)

Design for a responsive demo application, called “Expense Manager”.

The app was done to highlight Vaadin Core Elements (https://vaadin.com/elements), namely the data grid, date picker, combo box and upload elements.

You can play with the progressive web app (PWA) at http://demo.vaadin.com/expense-manager
It also works offline, and supports collaborative editing.

The implementation is not 100% as presented here, but we’ll probably continue working on it in the future. If you want to build a similar kind of app, you can check out the full source at https://github.com/vaadin/expense-manager-demo (free to use).

The original design was done by @Tuomas Nironen. I updated some layouts and redesigned the whole color palette for the app.