-
Notifications
You must be signed in to change notification settings - Fork 7
Home
Vitaliy edited this page Jan 14, 2021
·
17 revisions
-
git clone
https://github.com/ita-social-projects/horondi_client_fe.git -
git checkout development
(checkout to development branch) -
git checkout -b features
(create your working branch)
-
npm install
(run in terminal to install all dependencies)
- create
.env
file in the root ofhorondi-client-fe
folder and paste in it the whole content from.env.example
file. - Change next values in “.env” file:
REACT_APP_GOOGLE_CLIENT_ID
=Pass here your own Google API key!
-
npm start
(run in terminal to run our project)**
- Sign-in to Google developers console website
- Push
Select a project
button and thanNEW PROJECT
button- Fill
Project name
and pushCreate
button- Go to
OAuth consent screen
- Create new OAuth consent in your new project in
OAuth consent screen
, selectExternal
inUser Type
- In the next
Edit app registration
screen, fill the required fields. Fill value -http://localhost
inApplication home screen
- At the next
Scopes
stage just push theSAVE AND CONTINUE
button.- 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.- Next stage -
Summary
stage, now just push theBACK TO DASHBOARD
button- The next step will be creating our OAuth client ID. Go to the
Credentials
menu, push theCREATE CREDENTIALS
button, and selectOAuth client ID
in the dropdown menu- Choose
Web application
item inApplication type
menu fillName
field and add next URIs to yourAuthorised JavaScript origins
and same URIs toAuthorized redirect URIs
:
- Then push the
Create
button
- At the next pop-up window copy
Your Client ID
value and paste it to.env
file as value ofREACT_APP_GOOGLE_CLIENT_ID
*-Here you can find our video guide about how to get REACT_APP_GOOGLE_CLIENT_ID
and launch local environment
**-make sure your back-end and database is up and running