For solving the waiting line is wast too much time I created an App for iOS and Android implemented with React Native

1. Paiduei
想吃，卻吃不到的痛苦

3. 📱?

4. iOS & Android?

5. React Native
Learn once, write anywhere

6. React Native
Native Apps
• Different code and language for different OS's
11
iOS
SDKs, Standard Libs
3rd Party Libs
Your App (C or Swift)
Android
SDKs, Standard Libs
3rd Party Libs
Your App (Java or Kotlin)
Modern Web and App Programming from Ideas to Systems to Real Impact https://nthu-datalab.github.io/webapp/index.html

7. React Native
Modern Web and App Programming from Ideas to Systems to Real Impact https://nthu-datalab.github.io/webapp/index.html
Your AppWebView
Apps
• Write once, run everywhere
• Slow and not feeling native
12
iOS
Mobile Development Framework
(e.g., Apache Cordova, Adobe PhoneGap)
iOS SDKs
Android
Android SDKs
WebView API

8. React Native
Modern Web and App Programming from Ideas to Systems to Real Impact https://nthu-datalab.github.io/webapp/index.html
React-Native Apps
• JS components render as native ones
• Learn once, write everywhere
13
Android
Android SDKs
Native UI
JS Runtime
React Native
3rd Party Libs
NPM Pkgs
(e.g., React)
Bridge
Your App (JS)Your App
(Native UI &
Modules)
iOS
iOS SDKs
Native UI
JS Runtime
React Native
3rd Party Libs
NPM Pkgs
(e.g., React)
Bridge
Your App (JS)Your App
(Native UI &
Modules)

9. React Native
• React Navigation, Stack Navigation, Drawer Navigator
• View, Text, Button, SectionList, Alert
• ProgressBarAndroid & ProgressViewIOS
• AsyncStorage
https://reactnavigation.org/
https://github.com/facebook/react-native
https://facebook.github.io/react-native/docs/asyncstorage.html

10. 有了了 App 然後呢？

11. 好像需要⼀一台 Server

12. 💡!

13. 💡!

14. Live Demo

15. 推廣計畫
• 與店家合作，為各推出客製化 App
• 推出免費的⽅方案吸引店家使⽤用
• 熱⾨門合作店家帶來來⽤用⼾戶，當⽤用⼾戶數龐⼤大，提⾼高更更多店家合作意願

16. 未來來展望
• 第三⽅方登入 Google & Facebook 登入
• 深度分析訂單內容
• 綁定⾏行行動⽀支付

17. ⼯工作分配
• 吳俞鋒
• 美⼯工設計
• 介⾯面設計
• 功能發想
• 張立揚
• App 開發
• Google App Script 開發
• 功能發想