feat: Google integration 🚀

[Parth18Shah]

Is there an existing issue for this?

• No, I have searched the existing issues

Feature Description

This issue will mainly deal with the organization's integration with its Google account. This will allow the form creators to import their Google forms into this platform.

Use Case

Import existing google forms into the platform.

Benefits

Opens the opportunity to various other features that can be added to this website.

Add ScreenShots

No response

Priority

High

Record

• I have read the Contributing Guidelines
• I'm a GSSOC'24 contributor
• I want to work on this issue

[lcrojano]

Hi. I could work on this issue

[growupanand]

@lcrojano , Please share your plan how will you do this?

[lcrojano]

Since ConvoForm already handles Google authentication, we can build on this to integrate Google Forms into the platform. Here's the plan:

Use Existing Google Auth:
Leverage the existing Google OAuth setup to request additional permissions for accessing Google Forms (https://www.googleapis.com/auth/forms).

Frontend-Driven Flow:
After login, the user can choose to load their Google Forms via an "Import Google Form" button.
Fetch the forms list from Google Forms API in real-time and display it for the user to select and preview.

Form Preview & Edit:
Once the user selects a form, it will be converted into ConvoForm’s format for preview and editing.
Example:

  const forms = google.forms({ version: 'v1', auth: oauth2Client });
   const res = await forms.forms.list(); // Fetch and display

Save to ConvoForm:
After the user finalizes their changes, send the form data to the backend, converting it to ConvoForm's format before saving.

[growupanand]

@lcrojano I am not sure if you checked but we are using clerk for the google auth login. Can you check and confirm if your plan will work with this? or Create a POC in which just try to get google forms list in a separate branch.

[lcrojano]

@growupanand Sure! From what I’ve checked, Clerk does support additional OAuth scopes. I will create a new branch with a POC to retrieve the Google Forms and confirm that it works. You can find more details about configuring additional scopes here: https://clerk.com/docs/authentication/social-connections/oauth#configure-additional-o-auth-scopes. I'll keep you updated!