Simple phone application for mobile phones which written with react-native
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
android
assets
backend
components
constants
images
ios
lib
navigation
screens
.babelrc
.gitignore
.travis.yml
.watchmanconfig
App.js
Dockerfile
Procfile
README.md
app.json
docker-compose.yml
google-services.json
package.json
yarn.lock

README.md

react-native-phone

Simple phone application based on react-native

Prerequisites

If you are going to use Windows 10 use WSL (linux subsystem) to run build tools to avoid possible issues. Install Ubuntu or another linux from Store and run as admin in PowerShell terminal Enable-WindowsOptionalFeature -Online -FeatureName Microsoft-Windows-Subsystem-Linux.

Install dependencies

  • Install react-native cli tools npm install -g expo-cli exp react-native-cli
  • Install dependencies by npm install or yarn

Prepare backend web application

Via Heroku 1-click deploy

Deploy

Via docker

Run PORT=<PORT> docker-compose up -d. Use any port as port value. This port should be external accessible via ngrok or any frontend web server like nginx, caddy, etc with configured https access.

Manual

Go to directory backend

Start the app with PORT=<PORT> npm start. Use any port as port value. This port should be external accessible via ngrok or any frontend web server like nginx, caddy, etc with configured https access.

Remember URL of started web app. It will be required later.

Configure Push notifications (Android only)

You should configure Firebase Cloud Messaging to enable push notifications on Android devices. Read here for more details. Save generated file google-services.json in project directory (overwrite exisiting file).

Building a mobile app

Run exp start first.

Android

Open in Android Studio project in android and build it.

IOS

Go to directory ios and install dependencies by pod install. Open in XCode react-native-phone.xcworkspace and build it.

Read here and here for more details.

Running

Install mobile app on the phone. Run it. Enter your Bandwidth auth data and url to backend web app in login page and press Log in. After that you can make call, send messages. Switch to tab "Settings" to see asiggned phone number and sip uri.

Screenshots

Calls

Messages

Settings