MotiOne: the social health and lifestyle app for businesses.

MotiOne: the social health and lifestyle app for businesses.

MotiOne is a digital training tool specifically designed for workplaces. Using a simple and intuitive app, you get the only tool you need to inspire your employees for physical activity and better health.

Martin and Anders will talk about how the mobile app started and the technologies they’ve used, the pro and cons of working with React Native and their future plans for the app.

By Martin Havig and Anders Jordtveit Mork, developers at MotiOne

=====================================================
Follow us and join our Slack community:

- ReactJS Norway's site: http://bit.ly/2ka4hC8
- Facebook: http://bit.ly/2kxmHxW
- Instagram: http://bit.ly/2kpysnJ
- Twitter: http://bit.ly/2kaehvl
- Youtube: http://bit.ly/2kANuJl
- Slack Community: https://goo.gl/YwUUKJ

Transcript

1. MotiOne Zeppelin
2. About MotiOne • Social-health-application for businesses • iOS and Android app - (react-native) • Web-dashboard • Micro services-backend - (graphql/relay)
3. The team • 3 developers ◦ backend and frontend ◦ intending to extend to 6+, *hint hint* • 1 designer ◦ PO
4. The app Navigation: react-native-router-flux State: redux Side effects: redux-saga Server communication: react-relay
5. Native modules • react-native-code-push • react-native-interactable • react-native-blur • react-native-push-notification • react-native-video • react-native-linear-gradient • react-native-svg • react-native-image-picker • react-native-vector-icons • react-native-maps • react-native-lock • (react-native-material-kit) • (react-native)
6. Making custom modules • react-native-fit-kit ◦ google fit ◦ health kit • react-native-background-service ◦ Headless JS - (android) ◦ react-native-background-fetch - (iOS)
7. 3.-party-tech • github (the code) • circle-ci (CI) • codecov (test-coverage) • bitrise (android and ios-build) • code-push (js-code-pushing) • raven (js-error-feedback) • auth0 (authentication) • getstream.io (feeds like facebook)
8. Native-change JS-change Deploy Feature-branch Master Bitrise CodePush PR Feature-branch Master Bitrise CodePush PR standard-version Android-release iOS-release
9. Experiences • react -> react-native • dying modules • react-native-version-bumping • deploy • performance
10. The road ahead • Rewrite navigation • i18n • Push-notifications
11. Demo
12. Questions?
13. Thanks for us