/reactNative-restaurant-app

A Multi-platform Mobile App for a restaurant utilizing React Native and Redux!

Primary LanguageJavaScript

Ristorante conFusion (Mobile Application)

This mobile application has been created as a part of the Multiplatform Mobile App Development with React Native course provided by The Hong Kong University of Science and Technology.

About

  • The mobile application utilizes React Native, and has been built using create-react-native-app (CRNA) and the Expo-SDK.

  • The various concepts covered while development include:

    • Hybrid Mobile App Development Approach
    • React Navigation
    • Redux
    • React Native Animations & Gestures
    • Secure Store API
    • ImagePicker API
    • Native App Deployment

    For a detailed overview of the concepts covered Click here!

Deploying the CRNA app on the Expo Server

Note: You need to have an Expo account and expo-cli installed in order to build the app and deploy it to the Expo Server

Step 1- Change into the project directory using the command line.

Step 2- Enter the following: expo-cli login --username [YOUR USERNAME] --password [YOUR PASSWORD]

Step 3-

  • Build a standalone APK or App Bundle for your project, signed and ready for submission to the Google Play Store: expo-cli build:android
  • Build a standalone IPA for your project, signed and ready for submission to the Apple App Store: expo-cli build:ios

Step 4- Track Progress via the link provided in the terminal (provided when build starts)

Note: For any further clarifications, visit the Expo CLI guide.

Ejecting from the CRNA environment for Native Development

Step 1- To eject the project, type the following at the prompt: yarn run eject or npm run eject .

Step 2- Follow along the instructions on the screen. Since the applicationutilizes Expo APIs in the project, choose to eject with ExpoKit so that the app can continue to use the Expo APIs.

Step 3- Install Android Studio and do the configuration as per the instructions given under "Building Projects with Native Code" in https://facebook.github.io/react-native/docs/getting-started.html.

Step 4- Start serving up the Expo app from the project folder by typing the following at the prompt: expo start .

Step 5- Open the android folder in the project in Android Studio and connect your Android device to the computer and deploy the app to the device.

Ejecting from the CRNA environment for iOS Native Development

Step 1- First, install XCode and do the configuration as per the instructions given under "Building Projects with Native Code" in https://facebook.github.io/react-native/docs/getting-started.html.

Step 2- Next, install Cocoapods on your Mac by typing the following at the prompt: sudo gem install cocoapods

Step 3- Then, move to the ios folder of your project in your terminal and type the following at the prompt: pod install

Step 4- Then, open the iOS project in XCode by clicking on confusion.xcworkspace file in the ios folder.

Step 5- Then compile and deploy the app to your iOS device/simulator from XCode.