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. 
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 |
We love open source software | Hire us for your next project | makecodenotwar.co
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent