How to find Google web client id and secret key ?

Follow below steps to create find Google web client id and secret key :

Step 1: Go to Google Developers Console. If you have a Google account, login, else Create an Account.Step 2: On the dashboard, click on the Project dropdown menu.Step 3: Select an existing Firebase project Step 4: Click on Credentials.

Step 5 : Click on Edit icon in Web client in OAuth 2.0 Client IDsStep 6 : Here is your  web client id and secret key copy it 

Note : In the Authorized JavaScript origins field, Enter the URL - https://snappy.appypie.com

While in Authorized redirect URLs  field : Enter the URL - https://snappy.appypie.com/app/googleclass

Step 7 : Now paste the copied web client id and secret key in their respective fields on creator software

Step 8 :  Click on Library

Step 9 :  Click on View all

Step 10 :  Now you need to enable all the highlighted APIs, that is Google Classroom and  Google Drive API.Here, we are showing you the process to enable Google Classroom, follow the same process for other keys

Step 11 :  Click on Enable

Step 12 :  Click on credentials

Step 13 : On the credentials page, click on Create Credentials.Step 14 : Click on OAuth client ID.Step 15 : Click on Configure Consent Screen.Step 16 : Select user type Internal Step 17 : After selecting the user type, click on Create.Step 18: Add required app information and developer contact information, then click on Save and Continue.Step 19 : On the scopes screen, click on Add or Remove Option

Step 20: Here you can add Manually add scopes and click on Add to table

Note : Please enter these scopes in highlighted field
https://www.googleapis.com/auth/userinfo.email
https://www.googleapis.com/auth/userinfo.profile
openid
https://www.googleapis.com/auth/drive.readonly
https://www.googleapis.com/auth/drive.file
https://www.googleapis.com/auth/classroom.profile.emails
https://www.googleapis.com/auth/classroom.profile.photos
https://www.googleapis.com/auth/classroom.rosters
https://www.googleapis.com/auth/classroom.rosters.readonly
https://www.googleapis.com/auth/classroom.courses
https://www.googleapis.com/auth/classroom.courses.readonly
https://www.googleapis.com/auth/classroom.announcements
https://www.googleapis.com/auth/classroom.announcements.readonly
https://www.googleapis.com/auth/classroom.coursework.me
https://www.googleapis.com/auth/classroom.coursework.me.readonly
https://www.googleapis.com/auth/classroom.coursework.students
https://www.googleapis.com/auth/classroom.coursework.students.readonly
https://www.googleapis.com/auth/classroom.student-submissions.me.readonly
https://www.googleapis.com/auth/classroom.student-submissions.students.readonly
https://www.googleapis.com/auth/classroom.topics
https://www.googleapis.com/auth/classroom.topics.readonly
Step 21 :  click on Save and Continue. Step 22 : Check the OAuth consent screen and scopes summary, then click on Credentials.

Step 23 : On the credentials page, click on Create Credentials.Step 24 : Click on OAuth client ID.

Step 25 : Select the application type from the dropdown menu.

Step 26 : Select Android as the application type.Step 27 : Enter your package name and app's SHA-1 fingerprint.

Note : In Package name field enter com.app.packagename.For Package name follow this  How to find package name?
In SHA-1 field enter this : 55:A4:8E:1A:17:A0:67:C7:FB:22:EF:B3:63:95:58:EA:C0:FC:31:3FStep 28 : Once you have provided the details, click on Create.