In this section, we’re going to set up an Expo project, Firebase Google OAuth, Firebase Firestore, a Stripe Payment page, and a Zapier web-hook.

🛠 Setup an Expo project

1. Go to https://expo.dev/
2. Click on “Create new project”
3. Add “pineapples” under “Slug”
4. Install Expo
   • (I would write up a guide but just linking to the installation page is probably the better bet since it is possible that the setup instructions would change.)
   • Make sure to install Expo Go on your phone and/or have Xcode and Android Studio on your computer for testing the app on iOS and Android
5. Create and start the app
   1. Navigate to the directory where you want your project to be (e.g. ‘Downloads’)
   2. expo init pineapples --template expo-template-native-base
   3. cd pineapples
   4. git br -m master main
   5. yarn start
6. Your app should’ve compiled and started successfully
   • Click on w on your keyboard to run the app on web.
     • A new tab/window should open up in your browser.

Terminal window after running yarn start

http://localhost:19006/

🎊 Woohoo. You have now setup a functioning Expo project!

🛠  Setup Firebase

We’re going to use a Firebase project to enable OAuth and Firestore storage for our app.

Project Setup

1. Signup for Firebase (the free ‘spark’ plan should be enough).
2. Click on “Add project”.
   1. Name it “pineapples”.
   2. It’s up to you whether you want to keep or disable Google Analytics. I’ll toggle it off for simplicity’s sake.