MyCoffeeDemo

This is just a demo to practice how to make an app using React Native.
All UI, behavior and dummy data will be imitated The Coffee House app.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project.

Prerequisites

This project using some service and api as below:

• React Native Firebase
• Firebase Docs
• react-native-community/react-native-maps
• react-native-community/react-native-google-signin
• react-native-fbsdk

Please refer the attached link for installation, generate API Keys for using in this project.
The API keys should be store in path below to make source code work correctly

Android:

• config.xml: ../android/app/src/main/res/values/config.xml (For GG Map API, FB App ID)

IOS:

• Config.swift: ../ios/Configs/ (For GG Map API)
• Info.plist: ../ios/MyReactDemo/Info.plist (For FB App ID)

Installing

$ cd ../MyReactDemo
$ npm install
$ cd ios && pod install && cd ..

Above will install necessary module for project.

Components

All library/components using in this project listed as below, please refer for using.

• react-native-community/async-storage
• react-native-event-listeners
• react-native-fast-image
• react-native-geolocation-service
• react-native-image-picker
• react-native-modal
• react-native-permissions
• react-native-reanimated
• react-native-safe-area-context
• react-native-share
• react-native-vector-icons
• react-native-webview
• react-navigation

Test App

Project divided by Screen Component. (Path = "../MyReactDemo/source/")

ScreenAuth
     




MainApp/AppController





SubScreen





ScreenOrder
           




ScreenCart
     




ScreenStore
           

Video Demo

• Login
• App

Authors

• Thinh Nguyen - MyCoffeeDemo