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

Optional

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(https://console.graph.cool)
  • Add OneSignal credentials in the graphcool.yml file
    ONE_SIGNAL_URL: ONE_SIGNAL_URL ( DEFAULT https://onesignal.com/api/v1/notifications )
          ONE_SIGNAL_API_KEY: YOUR_ONE_SIGNAL_API_KEY
          ONE_SIGNAL_APP_ID: YOUR_ONE_SIGNAL_API_ID
    
  • You can find the API key & Api Id in Onesignal.com Settings 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

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. You can get these endpoints by clicking on ENDPOINTS option at the bottom left corner of your project's GraphCool console.
  • Change the Google Maps API key in the Environments Object for development as well as production. You can get one by following this link.

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

-> This will create Admin login for the dashboard .

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/Script/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 the Project Id that you created on GraphCool console.

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

  • Adding OneSignal details for Push Notification: Navigate to MobileApp/ios/DatingApp/AppDelegate.m line 41 replace YOUR_ONESIGNAL_ID for IOS & for Android, navigate to MobileApp/android/app/build.gradle line 107 replace YOUR_ONESIGNAL_ID & line 108 replace YOUR_GOOGLE_PROJECT_ID .

  • Add Instagram Client Id: Navigate to MobileApp/src/screens/socailLogin/index.js line 10 .

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

NOTE: Make sure you run the DatingApp.workspace 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 ""