Connect 'Contact Us' page using API

[maxskewes]

Overview

Connect the form on Contact Us page using Google API

Action Items

Using the Google API, connect the form

Resources/Instructions

http://civictechindex.org/about/contact
https://docs.google.com/forms/d/1y4l9vlQuKnoq6Asd4LOpvdBtvHeFXLUrqNoCH_5Aw1s/edit
Figma
Google form API
Our current google form
Civic Tech Index - Communicate With Us
Civic Tech Index - Communicate With Us (Responses)

[DrIffathsultana]

@maxskewes is working on Contact Us page. He is trying to connect the form using Google API.
@emecas -Please guide max

• Do we have an API for the Contact Us page in the backend.
• If not, do we need to create one.

[DrIffathsultana]

@maxskewes
I have attached the google drive location of the Form and response sheet for reference below:

• Civic Tech Index - Communicate With Us
• Civic Tech Index - Communicate With Us (Responses)

[emecas]

@emecas -Please guide max

@maxskewes @DrIffathsultana It seem Google Forms and responses is self-contained, I don't think we need backend functionality here, anyways please let me know how can I help if you think anything else could be required

[maxskewes]

Issues arose with using Google docs as a rest API. Emerson is creating a new spreadsheet and will give me the info. Everything is ready to connect the API using axios.

[emecas]

Progresses: I am still working in the new API.
Block: some local issues with db container.
Next: I will add a PR with the changes once it is completed, verified, and local problem is fixed.

[maxskewes]

Will communicate with Emerson when he is finished. Also meeting with Akib this weekend for additional clarification.

[maxskewes]

We are waiting for progress on Emerson's API; if the issues remain unresolved we will consider other API options.

[DrIffathsultana]

@emecas Any updates regarding the new API.

[maxskewes]

July 22nd - we are waiting on an API. @emecas could you pls update?

[emecas]

July 22nd - we are waiting on an API. @emecas could you pls update?

@maxskewes @DrIffathsultana I just added a PR adding the required API: civictechindex/CTI-website-backend#74

I am still having issues running the migration maybe @cnk could help me to unblock that part.

[DrIffathsultana]

This code will replace the form that is currently appearing on the the contact us page. It cannot not contain a way to upload your logo, we will do that via another method.

Here is a link to the instructions for how we got the imbedded code from the form

Here is our form: HTML for contact form

<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSeTVA3JJdzS1Hftq5CmpGVYcn60KRXqu2ajM85NgF2vxEgghg/viewform?embedded=true" width="640" height="1179" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>

[ExperimentsInHonesty]

The uploading of logos should be done via google form. And you cannot imbed those forms via iframe. So the quick solution for launch is to just have a link that appears directing people to the form where they can upload their image. A decision should be made about when we are directing people to this form, so we know what specific information it should collect.

People being directed to form to add logo from the following location (if you think of any other start point, please add):

• when they are finished using the tag generator
• if they have added the tags manually without using tag generator

[mariastudnicka]

@cnk would you be able to support emerson re: his comment "I am still having issues running the migration maybe @cnk could help me to unblock that part."