Grass Roots Survey Mobile App

Not Included this release: Install the Mobile App on an iPhone

Updated

Install these apps on your Windows desktop

  • Install Git for Windows
  • Install node.js
  • Using Powershell or the Command Prompt, install yarn
  • Install expo-cli
  • Clone the repository
  • Using Powershell or the Command Prompt, install plugins
  • Create the Environment variable

Install Expo.io to Android

This app will install to an iPhone, but these are the instructions for Android, since many of the world's nonprofit staff have Android phones.

Screenshots of the Grass Roots Mobile Survey App

SFDO-Community-Sprints/GrassRootsMobileSurveyApp: Focus on providing affordable field survey capacity to nonprofits worldwide - Google Chrome

Install Expo.io to Android

Expo - Google Chrome
Mobile Environment Setup · SFDO-Community-Sprints/GrassRootsMobileSurveyApp Wiki - Google Chrome
Expo — Sign up - Google Chrome
Expo — Log in - Google Chrome

In Google Play, search for Expo Go and install it on your Android Phone. Mine is already installed, so I now have the option of opening Expo Go.

Nokia 2.3

Expo opens with the option to choose the project you want to use. Now let's see about installing the project...

Nokia 2.3

Install Git for windows

Git for Windows - Google Chrome
Git 2.31.1 Setup
Git 2.31.1 Setup
Git 2.31.1 Setup
Git 2.31.1 Setup
Git 2.31.1 Setup
Git 2.31.1 Setup
Git 2.31.1 Setup
Git 2.31.1 Setup
Git 2.31.1 Setup
Git 2.31.1 Setup
Git 2.31.1 Setup
Git 2.31.1 Setup
Git 2.31.1 Setup

Install node.js

Mobile Environment Setup · SFDO-Community-Sprints/GrassRootsMobileSurveyApp Wiki - Google Chrome

Which one do I download? I will go with the Recommended for Most Users

Node.js - Google Chrome
Node.js Setup
Node.js Setup
Node.js Setup
Node.js Setup
Node.js Setup
Node.js Setup
Node.js Setup
Node.js Setup

Install yarn

Tell people how to get to the command line. Show screenshots of cmd line. with this install line.

Installation | Yarn - Google Chrome
Windows PowerShell
Windows PowerShell

Screenshot of what it shows after it installs. Type ex

Install expo-cli

Windows PowerShell
Windows PowerShell

Clone the Repository

Type this into the command line (or copy and paste):

git clone https://github.com/SFDO-Community-Sprints/GrassrootsSurveyMobileApp.git

(If you aren't already signed in, you might have to sign in to github on your computer. )

Mobile Environment Setup · SFDO-Community-Sprints/GrassRootsMobileSurveyApp Wiki - Google Chrome
Windows PowerShell

Install Plugins

Use the Command Prompt or PowerShell to bring up the directory and add yarn Install

This is what we're going to do:

Command Prompt

Create the environment variable

The best way to do this is to open Notepad and copy the environment variable there, using the heroku app name that either you created or that you allowed Heroku to create for you. Then save the text file. Then replace the .txt with .env and move the file into the directory.

Mobile Environment Setup · SFDO-Community-Sprints/GrassRootsMobileSurveyApp Wiki - Google Chrome
.env - Notepad
*Untitled - Notepad

STUCK HERE: Run the App

Mobile Environment Setup · SFDO-Community-Sprints/GrassRootsMobileSurveyApp Wiki - Google Chrome
Windows PowerShell

Metro Bundler appears as a browser window but doesn't show the QR Code

Nokia 2.3

Here's a shot of my Nokia Android. I click scan QR Code and...

Nokia 2.3

This is my phone on wifi

Nokia 2.3

This is my computer on wifi

C:\Users\Trish\Desktop\scrcpy-win64-v1.16\scrcpy.exe
Previous Article Heroku Troubleshooting
Next Article Mobile App Install Android