sonnylazuardi / react-native-nike-running

🏃 UI & UX Prototype of redesigned Nike+ Running for React Native 📱+ React Native DOM (Web) 🌏

Hi there 👋 I'm Sonny

I'm currently a lead ux engineer @Grab working to make designers work easier and to experiment what's possible with design and code.

In my spare time, I created tools to make design easy in figma. You can go to figma.com/@sonny to check my figma plugins.

I also open sourced some side projects on @github. Check out some projects below 👇

☕ Wanna chat? 👉 @ me on

react-native-nike-running's Issues

Problem Expo.io version

@sonnylazuardi : I wanted to try the version at the following link:
https://expo.io/@sonnylazuardi/nike-plus-running

But it does not work.
Expo version installed on the device, last.

Map not displaying/refreshing properly on Android

I suspect this is a bug in the map component rather than your app, but since it's affecting your app I thought I'd mention it here.

On my Samsung Galaxy Note 3 running Android 5.0 only the bottom right quarter of the position marker is shown. Also, when panning around, the position marker flickers. The position shown is also offset by a kilometer or so from where I actually am.

Expo: Could not load exp://exp.host/@sonnylazuardi/nike-plus-running

How to setup and build native iOS and Android projects?

Clone the repo
$ git clone https://github.com/sonnylazuardi/react-native-nike-running.git
Cloning into 'react-native-nike-running'...
remote: Counting objects: 109, done.
Receiving objectremote: Total 109 (delta 0), reused 0 (delta 0), pack-reused 10
Receiving objects: 100% (109/109), 385.02 KiB | 46.00 KiB/s, done.
Resolving deltas: 100% (37/37), done.

$ cd react-native-nike-running

Install dependencies (npm v3+):
$ npm install
Running on iOS:
$ react-native run-ios

In a separate terminal window run:
$ react-native start

is it ok?

https://expo.io/@sonnylazuardi/nike-plus-running
Is it an empty new project?
How to get started with Expo?
exp start
Preview your project
Open Expo Client on your device. Use it to scan the QR code printed by exp start. You may have to wait a minute while your project bundles and loads for the first time.

But How to find the QR code for nike-plus-running project?