Buy Pineapples

This repo is a supporting piece of this tutorial, and is used as a reference for it.

It's a simple web/iOS/Android app that lets users signup, 'buy pineapples', and view their previous transactions.

Setup

1. yarn install
2. yarn start

Workflow

1. Login with Google
2. Click on 'Checkout'
3. Fill out the checkout page
   1. Enter the email that you signed up with. (That way the transaction would get mapped to your account.)
   2. Enter one of the following test card numbers, depending on the case you want to see:
      • Success
        • 4242424242424242
      • Success but with 3DSecure
        • 4000000000003220
      • Decline
        • 4000000000000002
4. You should now see the transaction showing in the UI after you close the checkout window

Tools used (and the use behind each):

• React Native
  • For making the UI
• Native Base
  • Web compatible React Native component library
• Expo
  • For making and deploying a web/iOS/Android compatible app using React Native
• Firebase
  • For OAuth, and for storing transactions per user (stored in Firestore)
• Zapier
  • For a web-hook that listens for Stripe charges and creates a transaction Firestore document for the associated user if there's any (mapped using email)
• Stripe
  • For payment processing
  • A Stripe Payments page is used to not deal with creating a server, or with creating Firebase cloud functions (which require an account upgrade)

Screenshots