No description, website, or topics provided.
JavaScript Objective-C Python Java
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
ReactNative
data
images
README.md

README.md

MEA Partner Workshop: Quizzer sample app

Pre-requisites

Follow the getting started docs for Android to install the dependencies for your environment and to create a working test app.

The repo contains the following:

  • A bare bones React Native app in the ReactNative folder.
  • The images folder contains images that you'll use to build Quizzer.
  • The data folder contains static test data and a utilities class that you'll use to work with the data.

Install

Clone this repository:

git clone https://github.com/caabernathy/quizzer

If you followed the pre-lab instructions, you should already have a working starter app. You just need to copy over the following directories:

cp -pR quizzer/data <YOUR_QUIZZER_APP_DIRECTORY>/
cp -pR quizzer/images <YOUR_QUIZZER_APP_DIRECTORY>/

Then skip to the Run Quizzer section.

Install Quizzer:

cd quizzer/ReactNative
cp -pR ../data .
cp -pR ../images .
npm install

Run Quizzer:

Start up your Android emulator or connect to a real device via USB. Run the app:

react-native run-android

Note: If using Windows, compress those two folders and uncompress them under your Quizzer app folder.

When you're done with this step you should have a data and images folder in the same level as the index.android.js file.

Walk-through

During the Code Lab session we'll walk through building the complete Quizzer app. To follow along and view code changes as they happen, go to: fbpartnerworkshop.ngrok.io

Completed app

The completed app is available in the completed branch of this repo.