checkout-popup.js

// Create a simple checkout flow
//
// - Googling is encouraged!
// - Use whatever environment/editor works best for you
// - Use whatever technologies, libraries or frameworks you're most comfortable with
// - Focus on getting it working first, then add any polish if you have spare time at the end
//
// 0. Buyer opens a merchant page (e.g. /merchant-cart.html)
// 1. Buyer sees a 'Checkout' button
// 2. Buyer clicks the 'Checkout' button
// 3. Button opens a popup window (or iframe) with a different url (e.g. /paypal-checkout.html)
// 4. Popup window displays a 'Pay Now' button
// 5. Buyer clicks the 'Pay Now' button
// 6. Popup sends a success message to the parent window (opener window)
// 7. Popup closes and parent page displays a 'You successfully paid!' message