Here is an entire source code application developed with using React Native and Firebase.
How it looks on an iOS device:
eMia is a simple social network. You can sign in, sign up, sign out, restore password, edit profile, add a new post (title, body, photo), filter posts. You will get push-notification if another user likes your post.
eMia uses Firebase database, storage, authentication and cloud messages.
Notes. This React Native version contains also some native things. For example there is Filter View Controller (iOS) which is launched with using ‘Options’ menu button.
If you are going to try eMia by yourself, you should register app on Firebase. Follow following instructions:
For iOS Sign in your Google account, open Firebase console https://console.firebase.google.com Create a new project. Follow documentations https://firebase.google.com/docs/ios/setup#add_firebase_to_your_app. Download GoogleService-Info.plist. Then with using GoogleService-Info.plist fill constants in \src\config\constants.js file (read comments there).
For Android Sign in your Google account, open Firebase console https://console.firebase.google.com Create a new project. Follow documentations. As a result you need to download google-services.json.
Clone or unzip the repository.
In root directory execute command:
yarn (or npm install)
cd ios
pod install
Note. To fix issue with CocoaPods whet it could not find compatible versions for pod “React/Core”: cd … grep -rl “s.dependency ‘React/Core’” node_modules/ | xargs sed -i ‘’ ‘s=React/Core=React-Core=g’
In Root directory:
react-native run-ios
or
cd ios
Open the eMia.xcworkspace in Xcode.
Press on Cmd+R or click on the run button to run the app and the project should run. Now you can debug native code
or
Open the project (root directory) in Visual Studio Code (VCS). Add extension React Native Tools the the VSC Add “Debug iOS” and “Debug Android” (reactnative type ) into the launch.json In VSC you can debug Java Script code.
In VSC run Main Menu -> Run -> Start Debugging (F5)
The App should start
Go to the eMia directory. Put command in console:
react-native start --port 8081
Start Android Studio. Open android project. Run ‘app’
There are also two native examples of the app: iOS - eMia-iOS Android - eMia-Android.
First build was developed: 07-05-2018
Last updating: 05-22-2020. Changes description:
Author: SKrotkih
GitHub: https://github.com/SKrotkih/eMia-React-Native
#react-native #react #mobile-apps