Skip to content

Web app converts online form to a presentation-ready PDF using Google Apps Script, PDF Layer, and Google Maps.

License

Notifications You must be signed in to change notification settings

hkdeven/Serverless-Web-Form-to-PDF

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Serverless-Web-Form-to-PDF

Web app that converts online form to a presentation-ready PDF using Google Apps Script, PDF Layer API, Zoho CRM API, Axios, Google Maps API, Google Static Maps API, and Google Geocoding API. :octocat:


DOCUMENTATION


Reference documentation resource links below for more details.


Technologies Used ⚡ Links
Google Apps Script
GAS is a scripting language based on JavaScript, a living platform in the cloud.
Get Started
PDF Layer - High quality and highly customizable HTML to PDF conversion API. It can be quite cumbersome to style PDF.
TIP: Incline-css works best for styling final PDF document. Thank me later.
Documentation
Zoho CRM API
Zoho is an online customer relationship manager platform. If Salesforce and Google had a baby, it's prodigy would be Zoho. The webpage in this web app is pre-populated with data from our Zoho CRM via it's RESTful API.
Documentation
Axios
A promise-based HTTP client that works both in the browser and in a node.js environment. It basically provides a single API for dealing with XMLHttpRequests and node’s http interface. Besides that, it wraps the requests using a polyfill for ES6 new’s promise syntax.
How-to Article
Google Maps API
Straight-forward Javascript API for map generation.
Documentation
Google Static Maps API
Implement maps as images in your apps and sites. When using PDF Layer and other HTML to PDF converters, you must provide an image-based map. The conversion API doesn't recognize maps generated using the standard Google Maps API. In this web app we initiated this Static API call when the user clicks to convert the webform to a PDF. The returned object is injected with raw HTML to the page and thereby printed to the final PDF.
Documentation
Google Geocoding API
Convert street addresses into geographic coordinates (like latitude and longitude) which are required for Google Map generation. In our example web app, we use data from the address, city, state, and zipcode form fields to generate our map. Necessary since we record only street address and not exact geographic coordinates in our CRM.
Documentation

Screenshots of web app and convert PDF:


Top of webform screenshot

Bottom of webform screenshot


Bottom of webform screenshot



:octocat: We love open source software | Hire us for your next project | makecodenotwar.co