Deploy GraphCool, 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


API (GraphCool)

Installation steps

Steps to initiate the Dating App

  • Go to the GraphQL folder. Note: Make sure that there is no .graphcoolrc file in the folder .
  • Create an account on [GraphCool console(
  • Add OneSignal credentials in the graphcool.yml file

          ONE_SIGNAL_API_KEY: YOUR_ONE_SIGNAL_API_KEY in line 107,118
          ONE_SIGNAL_APP_ID: YOUR_ONE_SIGNAL_API_ID in line 108,119
  • Go to GraphQl/src/service/sendMessage.js and add
    const accountSid = '';
    const authToken = '',
    from: "Twilio_Account_PhoneNumber" in line 31,32,36

  • Go to GraphQl/src/service/sendEmail.js and add
    user: "YOUR_EMAIL",
    pass: "YOUR_PASSWORD" in line 12,13

  • You can find the API key & Api Id in Settings->Keys & IDs tab .

  • Open the GraphCool console and go to settings -> Authentication
  • Copy the GraphCool login token & paste the token on terminal
  • Run npm install
  • Run graphcool deploy to deploy the project on GraphCool console
  • Go to GraphQl/src/scripts/seed.js and enter API_HOST(SIMPLE): '', in line 3
  • Go to GraphQl/src/scripts/users.js and enter API_HOST(SIMPLE): '', in line 5

This command will create a project in GraphCool console & generate some endpoints which can be used to query GraphCool data.

Admin Web Dashboard

Installation steps

Step1: 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. FILE_HOST(FILE): '',

    • You can get these endpoints by clicking on ENDPOINTS option at the bottom left corner of your project's GraphCool console.
  • Adding OneSignal details for Push Notification: Navigate to WebDashboard/react/src/config-local.js and update OnesignalAppId: '' in line 9.

Step2: Open new terminal, go to GraphQl/src/scripts and enter node seed.js

  • This will create Admin login for the dashboard .

  • Go to GraphQl/src/scripts and enter node membershipPlans.js

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. If you wish to change the credentials of the dashboard you can do so by going to GraphQl/src/scripts/seed.js and edit user object{}

    Note: After changing credentials you need to run seed script again. Follow Step 2.

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-local.js. Update

    FILE_HOST(FILE): '',

  • Add Facebook App Id for IOS: Navigate to MobileApp/ios/DatingApp/Info.plist and replace fbAPP_ID with fbYOUR_APPID in line 28, APP_ID with YOUR_APP_ID in line 37. For Android, navigate to MobileApp/android/app/src/main/res/values/strings.xml and replace APP_ID with YOUR_APP_ID in line 4.

  • Adding OneSignal details for Push Notification: Navigate to MobileApp/config-local.js and update OnesignalAppId: '' in line 10.

  • Add Instagram Client Id: Navigate to MobileApp/src/screens/socailLogin/socialComponent.js and update
    instaAppId = '',
    instaAppSecret = '',
    spotifyClientId = '',
    redirectUrl ='' in line 9,10,11,12

  • Configure RazorPay:

    Go to `MobileApp/src/components/Razorpay/index.js and add

    RAZOR_PAY_KEY = '' in line 4

  • Add Sentry details for crash reporting: Navigate to MobileApp/ios/ with your credentails for IOS and for Android, navigate to MobileApp/android/ .

  • Configuure CodePush:

    Go to MobileApp/android/app/src/main/res/values/strings.xmland add CodePushKey in line 2

    Go to MobileApp/ios/DatingApp/Info.plist and add CodePushKey in line 35

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-android Make sure that you have configured the AVD before running the command. If you would like to run app on an iPhone simulator(MacOS), run react-native run-ios.

results matching ""

    No results matching ""