/application-matching

Display Google Forms data on web page and vote for preferences, used by Action Lab for partner applications

Primary LanguageJavaScript

application-matching

Display Google Forms data and preferences in custom format on web page. Used by Liberal Arts Action Lab to display applications from community partners, faculty fellows, and students.

Live example

https://action-lab.org/apply/partners-and-proposals/

Setup

  • Create three Google Forms to collect responses in three Google Sheets v4: partners, faculty, students
  • For each Google Sheet, File > Publish the first tab of responses in CSV format, in order to be processed by Papa Parse in the browser. screenshot
  • Copy and paste each published CSV Sheet URL into main.js.
  • In "Partners" Google Sheet, manually insert "Title" column, and manually insert short project name (example: FrogHollow Storytelling). Use as few words as possible.
  • In "Partners" Google Sheet, manually insert "Display" column, and manually insert lower-case "y" to approve the row to be displayed on the public web page.
  • On the public web pages, insert iframe for each Google Form, and also for this application-matching repo to display results.
  • REMINDER: do NOT use this for high-security data, since the Google Sheet ID is visible in the code, and anyone can easily download and view the published CSV data.

Credits

Created by Ilya Ilyankou (@ilyankou) for Liberal Arts Action Lab, Hartford CT

Dependencies