Author: P. Chugh January 1 2019

The task was to build a demonstration app with a GUI of my choice that calls a public testing api https://jsonplaceholder.typicode.com/. The assumptions made here are that this is not meant to be a fully working app and only a UI showcase. Hence some parts are not implemented such as modifying/adding todos, photos, users etc and also detecting network connectivity, slow connections, offline user access and other common system validation.

• Cross Platform app using React Native+MobX with only one codebase to maintain
• Todos sorted by complete and incomplete
• Auto rotate and resize screen elements when device orientation changes
• Google Maps integration
• Automatic Test Scripts on Detox
• Photo gallery supporting zoom in and swipes
• Standard Chartered Logo colors used from public website style guide

• React Native v0.56+
• XCode and Xcode CLI utilities
• Cocao Pods (latest version required)
• npm / nodeJS
• Android Studio

Step 1: Clone Repo

git clone https://github.com/neogeno/SCDemo.git

Step 2: Install dependencies

cd SCDemo
npm install
cd ios
pod repo update
pod install

Step 3: Build/Run in Simulator

react-native run-ios

Step 1: Clone Repo

git clone https://github.com/neogeno/SCDemo.git

Step 2: Install dependencies

cd SCDemo
npm install

Step 3: Ensure Android SDK and Emulator path is correct. Replace path to SDK below as necessary

export ANDROID_HOME=~/Documents/sdk
export PATH=$PATH:$ANDROID_HOME/emulator

Step 4: Show emulators available and run. Use ampersand to run in background process

emulator -list-avds
emulator @{NAME OF YOUR PREFERRED EMULATOR} &

Step 5: Build/Run for Simulator react-native run-android

This project uses Detox to run end-to-end testing on the UI. The test specification is intentionally basic as it is intended to show the concept that I would use in a final app rather than implement comprehensive test case and code coverage. To run the tests for iOS type:

detox build
detox test