Deploy ApolloServer, Admin Web dashboard, and Mobile App on local machine
1. A Prerequisite needed before starting installation
- OneSignal
Hit link you wish to configure iOS & Android for one signal installation and follow steps
Optional
API (ApolloServer)
Installation steps
Steps to initiate the Dating App
Go to ApiServer/server/service/sendMessage.js and add
const accountSid = '',
const authToken = '',
from: "Twilio_Account_PhoneNumber"in line 4,5,9Go to ApiServer/server/service/sendMail.js and add
user: "YOUR_EMAIL",
pass: "YOUR_PASSWORD"in line 11, 12Go to ApiServer/server/service/sendPushNotification.js and add
oneSignalApiKey: 'YOUR_ONE_SIGNAL_API_KEY',
oneSignalAppId: 'YOUR ONE_SIGNAL_APP_ID'in line 10, 11Go to ApiServer/script/appConfig.js and add
Razorpay Key: 'YOUR RAZORPAY_KEY',
oneSignalAppId: 'YOUR ONE_SIGNAL_APP_ID',
FacebookAppID: 'YOUR FACEBOOKAPPID'in line 62, 67 and 72Go to ApiServer/env and add
JWT_SECRET: 'YOUR_JWT_SECRET_KEY'in line 2You can find the API key & Api Id in Onesignal.com Settings->Keys & IDs tab .
- Run
npm installoryarn install - Open another terminal and enter
mongodthis would start mongo server - Start the api server
npm startnow api-server is up and running
The common issue of the mongo server
unable to lock file: /data/db/mongod.lock resource temporarily unavailable. Is a mongod instance already running? , terminating,
You need to enter,
sudo killall -15 mongod
Admin Web Dashboard
Installation steps
Step1 Open another terminal Go to ApiServer folder and enter npm run-script seed
Step2: Open the project folder in any editor of your choice
- Open WebDashboard/react/src/config-local.js
Change the API endpoints in the Environments Object for development as well as production.
http://Your_IPAddress:Port_No/graphql,
ws://Your_IPAddress:Port_No/graphql''Adding OneSignal details for Push Notification: Navigate to WebDashboard/react/src/config-local.js and update OnesignalAppId: '' in line 4.
Step3: Open another terminal Go to the WebDashboard folder
- Navigate to react folder
cd react - Type
npm i - Start the npm by
npm start - This will open the admin dashboard.
Mobile App
Installation steps
Note: Before starting the mobile app, you need to seed the database. Follow Step 1 of Admin Dasbhboard.
Steps to initiate the app.
- Go to the MobileApp folder
- Type
npm i - Go to ios folder run
pod install(For running app on ios) - Open a code editor of your choice.
Go to
MobileApp/config.js. Updatehttp://Your_IPAddress:Port_No/graphql,
ws://Your_IPAddress:Port_No/graphql''Add Facebook App Id for IOS: Navigate to
MobileApp/ios/DatingApp/Info.plistand replacefbAPP_IDwithfbYOUR_APPIDin line 28,APP_IDwithYOUR_APP_IDin line 37. For Android, navigate toMobileApp/android/app/src/main/res/values/strings.xmland replaceAPP_IDwithYOUR_APP_IDin line 4.Adding OneSignal details for Push Notification: Navigate to
MobileApp/config.jsand updateOnesignalAppId: ''in line 5.Add Instagram Client Id: Navigate to
MobileApp/src/screens/socailLogin/socialComponent.jsand update
instaCliendId = '',
instaAppId = '',
instaAppSecret = '',
spotifyClientId = '',
redirectUrl =''in line 8,9,10,11,12Configure RazorPay:
Go to `MobileApp/src/components/Razorpay/index.js and add
RAZOR_PAY_KEY = ''in line 4Add Sentry details for crash reporting: Navigate to
MobileApp/ios/sentry.propertieswith your credentails for IOS and for Android, navigate toMobileApp/android/sentry.properties.Configuure CodePush:
Go to
MobileApp/android/app/src/main/res/values/strings.xmland add CodePushKey in line 2Go to
MobileApp/ios/DatingApp/Info.plistand add CodePushKey in line 35Configuure Cloudinary:
Go to
MobileApp/src/screens/signUp/index.jsand add ApiUrl in line 196 and upload preset data in line 211Go to
MobileApp/src/containers/uploadImage.jsand add ApiUrl in line 24 and upload preset data in line 39
NOTE: Make sure you run the DatingApp.xcworkspace project
- If you would like to run the app in Android, you need to connect an Android phone to a system or you can run the app on an Android emulator. Type
react-native run-androidMake sure that you have configured the AVD before running the command. If you would like to run app on an iPhone simulator(MacOS), runreact-native run-ios.