Build Dynamic Digital Catalog with Google Sheets and Drive

#webcatalog #digitalcatalogue #digitalcatalog #appsscript #imagegallery
Hey everyone! 👋 In this video, I'll guide you through creating a powerful digital catalog web application using Google Sheets and Google Drive. Watch as I showcase a beautiful catalog with interactive features, allowing you to view items in full resolution, explore categories, and even experience a dynamic color overlay effect.
🚀 What's Covered:
Uploading multiple images using a user-friendly form.
Editing and updating existing catalog items.
Adding new categories and subcategories effortlessly.
A step-by-step guide on setting up the application for your use.
🔧 How to Set It Up:
Make a copy of the provided Spreadsheet from the link in the description.
Open the Script editor and deploy the code as a Web App.
Save categories in the Script Properties.
Access the application using the provided Web App URL.
Learn how to get admin URLs for table and form.
👨‍💻 Code Walkthrough:
Explore the Vue.js frontend framework and the Buefy CSS framework used for styling. Discover how the code integrates with Google Sheets through Apps Script, allowing seamless data retrieval for a dynamic user experience.
🛠️ Customization:
Learn how to add new fields to the form, customize the catalog, and understand the code workflows. Detailed explanations on modifying categories, subcategories, and creating dependencies are included.
🔗 Helpful Links:
Spreadsheet Link:
docs.google.co...
Demo link:
script.google....
For form link append with : ?p=form&s=XXYY
For table link append with : ?p=table&s=XXYY
Find your secret key in code.gs file
Material Design Icons for category icons.
pictogrammers....
Buefy CSS Framework:
buefy.org/docu...
VueJs Framework:
vuejs.org/guid...
Previous video on Web Forms with file Upload.
• Web Forms with File Up...
Feel free to experiment with the provided Spreadsheet by making a copy. Don't forget to subscribe for more exciting tutorials and coding adventures! Thanks for watching, and I'll catch you in the next one. 🚀✨

[@dimitrisvoudouris]

awesome app, thanks a lot for sharing your nice apps with the community, we will try to support you.

[@tech-lever]

Big thanks

[@dhananjayparihar4283]

Cool 💥🔥🔥🔥🔥, it will look better if there would be search bar

[@tech-lever]

Yes. You are absolutely right. I missed that. I try to modify it.

[@rakiin42891]

Hi, Admin! That's greate project. It's wonderfull. Do you have the food ordering, food menu and send to Line Official or Telegram?
Thanks for your tutorials.

[@kennethgarcia1178]

can I ask to update the link of the demo sheet thank you

[@kennethgarcia1178]

anyone knows what is the purpose of "Parsed Data" SHEET ?

[@user-gg6lo2bb7p]

Can u please add edit delete with password and role base login

[@DroidManiacs]

Link is not working anymore

[@tech-lever]

Ok. I will check that