Kinvo React Native App ·

This is a technical challenge for a job opportunity at Kinvo that consists in developing an mobile app from a Adobe XD prototype. The app was created in React Native and I chose Expo CLI to make development easier.

Installing / Getting started

Assuming that you have Node 12 LTS or greater installed, you can use npm to install yarn package manager and then use it to install the Expo CLI command line utility:

npm install --global yarn
yarn global add expo-cli

Navigate to the react native project directory

cd kinvo

Install the project dependencies

npm install

Start the development server

expo start

Opening the app on your phone/tablet

🍎 On your iPhone or iPad, open the default Apple "Camera" app and scan the QR code you see in the terminal or in Expo Dev Tools.

🤖 On your Android device, press "Scan QR Code" on the "Projects" tab of the Expo Go app and scan the QR code you see in the terminal or in Expo Dev Tools.

If you are using an iOS simulator or Android emulator, you may find the following Expo CLI keyboard shortcuts to be useful:

• Pressing i will open in an iOS simulator.
• Pressing a will open in an Android emulator or connected device.

Developing

Built With

Expo
Expo is a set of tools built around React Native and, while it has many features, the most relevant feature for us right now is that it can get you writing a React Native app within minutes. You will only need a recent version of Node.js and a phone or emulator.

Deploying / Publishing

Run expo build:android or expo build:ios.

Wait for it to finish build

When one of the building machines is free, it'll start building your app. A url will be printed that you can visit to watch your build progress and access the build logs. When it's done, you'll see the url to your app file - an .apk, .aab (both Android), or .ipa (iOS) file. Copy and paste the link into your browser to download the file.

Android

• To run it on your Android emulator, first build your project with the apk flag by running expo build:android -t apk, and you can drag and drop the .apk into the emulator.
• To run it on your Android device, make sure you have the Android platform tools installed along with adb, then just run adb install app-filename.apk with USB debugging enabled on your device and the device plugged in.