Skip to content
Vitaliy edited this page Jan 14, 2021 · 17 revisions

Welcome to the horondi_client_fe wiki!


It is our guide how to start the project:

Step 1: Clone repository

Step 2: Setup packages

  • npm install (run in terminal to install all dependencies)

Step 3: Setup environment

  • create .env file in the root of horondi-client-fe folder and paste in it the whole content from .env.example file.
  • Change next values in “.env” file:
  1. REACT_APP_GOOGLE_CLIENT_ID=Pass here your own Google API key!

Step 4: Run project

  • npm start (run in terminal to run our project)**

How to get REACT_APP_GOOGLE_CLIENT_ID*:

  1. Sign-in to Google developers console website
  2. Push Select a project button and than NEW PROJECT button
  3. Fill Project name and push Create button
  4. Go to OAuth consent screen
  5. Create new OAuth consent in your new project in OAuth consent screen, select External in User Type
  6. In the next Edit app registration screen, fill the required fields. Fill value - http://localhost in Application home screen
  7. At the next Scopes stage just push the SAVE AND CONTINUE button.
  8. At the next Test users stage add users, that allow them to log-in to the app. Push the + ADD USERS button and fill emails that will be used to login into the app.
  9. Next stage - Summary stage, now just push the BACK TO DASHBOARD button
  10. The next step will be creating our OAuth client ID. Go to the Credentials menu, push the CREATE CREDENTIALS button, and select OAuth client ID in the dropdown menu
  11. Choose Web application item in Application type menu fill Name field and add next URIs to your Authorised JavaScript origins and same URIs to Authorized redirect URIs:
  • Then push the Create button
  1. At the next pop-up window copy Your Client ID value and paste it to .env file as value of REACT_APP_GOOGLE_CLIENT_ID

*-Here you can find our video guide about how to get REACT_APP_GOOGLE_CLIENT_ID and launch local environment