Manage Your TV Shows in Google Sheets - Prepare the Search Shows Modal

Part 4. We get to make some pretty stuff in this tutorial. Here, we will create the layout for our Google Sheets dialogue that we will use to search for shows. We will create some HTML, CSS and JS to set up our UI for our dialogue and connect it to our Google Apps Script backend.

00:00:00 What we are building
00:03:12 Add a menu item to add a show from Google Sheets
00:12:19 Developing the modal locally
00:15:42 Add Search bar HTML CSS
00:25:08 Add Results Header Section HTML CSS
00:32:31 Results Section HTML CSS
00:54:31 toggleReadMoreButton JS
00:59:28 Set up ENUMS & Session Storage
01:01:54 setAddButtonListener
01:17:57 toggleLoadingOverlay
01:23:11 searchShow


=== To the Starter Sheet ===🐐
https://docs.google.com/spreadsheets/...

=== To the SVG Code in Github ===🐐
https://gist.github.com/Yagisanatode/...

=== To the TMDB API ===🐐
https://developer.themoviedb.org/docs...

=== CLASP for Google Apps Script ===🐐
https://github.com/google/clasp
Setup for VS Code: https://yagisanatode.com/working-with...
Setup for Sublime Text: https://yagisanatode.com/setup-google...

=== Placeholder image ===🐐
https://yagisanatode.com/wp-content/u...

=== My Site ===🐐
https://yagisanatode.com/

=== More on Google Apps Script ===
https://yagisanatode.com/google-apps-...

=== Products ===🐐
= Courses =
https://yagisanatode.com/products-cat...

= Google Workspace Tools =
https://yagisanatode.com/products-cat...

= Google Workspace Add-ons =
https://yagisanatode.com/products-cat...

#googlesheets #TMDB #googleappscript #googleworkspacetutorial #googleworkspacetutorial

#GoogleSheets #googleworkspace #GoogleAppsScript #AppsScript #businessautomation #businessadministration #GoogleAPIs #GoogleSheetsAPI #Yagisanatode #spreadsheetapp #TMDB