Getting Started

The project Felix Travel supports both React Native Cli and Expo Cli (Managed Workflow)

System Requirements

Please refer from React Native official page Setting up the development environment for make sure you already run application with basic setting environment

React Native – Welcome to React App

Getting Start With Expo CLI

After unzip the download pack, you’ll found a source-expo folder with all the files. Open a Terminal in source-expo folder and run command

Felix Travel – Source Expo
cd ./source-expo
npm run setup 
expo start

After you run the command successfully then you can find the result like the image below.

Felix Travel – Expo command

Please install the Expo demo app via Apple Store or Play Store. Then use your phone scan the QR code above for demo the Felix Travel app (please make sure your phone and your computer are using same the network connection)

Felix Travel – Expo demo

Getting Start With React Native CLI

After unzip the download pack, you’ll found a source folder with all the files. Open a Terminal in source folder and run command

Felix Travel – Source

IOS

Install node modules

cd ./source
npm run setup

Install cocoapods

sudo gem install cocoapods  
cd ./source/ios 
pod update  
pod install 

Link fonts and resource icons

cd ./source/
npx react-native link

If the command npx react-native link is not work. Please try command below

cd ./source/
npm install react-native-asset
npx react-native-asset

Start a development server

npx react-native run-ios

Using your Xcode application and open file ./source/ios/FelixPro.xcworkspace

  • Select your simulator device
  • Build project with simulator and your enjoy your development
Felix Travel – IOS Xcode Build

Android

Install node modules

cd ./source
npm run setup

Link fonts and resource icons

cd ./source
npx react-native link

If the command npx react-native link is not work. Please try command below

cd ./source/
npm install react-native-asset
npx react-native-asset

Start a development server

cd ./source
npx react-native run-android

Using your Android Studio (4.0.1 or last version) and build project with folder .source/android

Felix Travel – Android Studio Build

After then please do following steps below

  • Step 1: ADM Manager – Install your virtual devices for use
  • Step 2: Sync project with Gradle files
  • Step 3: Select virtual device and Run your application

Video Installation for Android/IOS (MacOS)

Video Installation for Android (WindowOS)