Fullstack development on iPad Pro
Monetising my blog with coffee, Apple Pay and Mollie
Mar. 25, 2020 - Willem L. Middelkoop
Online payments are now more important than ever as businesses are disrupted by the COVID-19 virus. It drives my customers to seek new ways to make money online. I designed and implemented a (micro)payment system. This post is about achieving simplicity by solving complex challenges.
Continue reading![Interface concept sketches, exploring different options to leave a message and buying multiple cups of coffee](/blog/2020-03-25_designing-and-implementing-a-micro-payment-system/images/i_01_Interface-concept-sketches-exploring-different-options-to-leave-a-message-and-buying-multiple-cups-o_500px.png)
![Steve Jobs announcing the Keynote app at MacWorld 2003, joking that it was build for himself, him being an underpaid beta tester](/blog/2020-03-25_designing-and-implementing-a-micro-payment-system/images/i_00_Steve-Jobs-announcing-the-Keynote-app-at-MacWorld-2003-joking-that-it-was-build-for-himself-him-bein_500px.jpg)
![Mollie is a payment provider that supports many different payment methods, including credit cards, PayPal, iDEAL, Sofort, Giropay, SEPA, various bank apps and Apple Pay](/blog/2020-03-25_designing-and-implementing-a-micro-payment-system/images/i_06_Mollie-is-a-payment-provider-that-supports-many-different-payment-methods-including-credit-cards-Pay_500px.png)
![Translating the design sketch (left) into a prototype (right) on iPad](/blog/2020-03-25_designing-and-implementing-a-micro-payment-system/images/i_02_Translating-the-design-sketch-left-into-a-prototype-right-on-iPad_500px.jpg)
![Sketched sequence diagram of payment process](/blog/2020-03-25_designing-and-implementing-a-micro-payment-system/images/i_05_Sketched-sequence-diagram-of-payment-process_500px.jpg)
![Designing the coffee cup using Picta Graphic for iPad](/blog/2020-03-25_designing-and-implementing-a-micro-payment-system/images/i_03_Designing-the-coffee-cup-using-Picta-Graphic-for-iPad_500px.jpg)