Скачать с ютуб Web Forms with File Uploads 🔥 using Google Sheets and Google Drive в хорошем качестве

Web Forms with File Uploads 🔥 using Google Sheets and Google Drive

#htmlforms #fileupload #webforms Hey there, amazing folks! 👋 In today's video, I'm super excited to build web forms using Google sheets and google Drive with File uploading functionalities. What's in store for you: 📁 Record Creation with File Uploads: I'll guide you on using this web app, leveraging Google Spreadsheet as the database and Google Drive for file storage. Customize it effortlessly to suit your requirements, whether it's for tracking expenses, managing inventory, or any other data collection need. 🖋️ Flexible Form Customization: Dive into the nitty-gritty of the form – header, footer, and form sections are all customizable. Multiple form sections with unique titles, various input types (text, number, date, file, and more), and even the ability to tweak prefixes and suffixes for a personalized touch. 🚀 Seamless File Upload Process: Witness a smooth file upload process that happens before form submission. The system ensures your uploaded file seamlessly links to the created record. I'll show you how it works step by step. 🔍 Effortless Record Viewing and Editing: Explore the table view feature, allowing you to view and manage your records effortlessly. Edit, delete, and view options are just a click away. I'll demonstrate how you can navigate through the detailed views and make changes seamlessly. 📊 Behind the Scenes – Spreadsheet and Drive: Take a peek behind the scenes as we explore the Google Spreadsheet where all your data gets recorded. A custom function, named PARSE, simplifies data processing. Plus, a quick tour of the Google Drive folder where your uploaded files reside. 🛠️ Making it Yours - Customization Guide: Learn how to make this web app yours by making a copy of the provided Spreadsheet. I'll guide you through the process of deploying the app, customizing the code, and adapting it to your needs. Remember to grab that working URL for future reference. 💻 Code Customization for Front-end Developers: For the tech-savvy folks, I'll show you how to tweak the HTML, CSS, and Vue.js code to fully customize the appearance and theme of the form. It's based on the Vue JS project and utilizes the Bulma CSS framework. 🚀 Premium Version Sneak Peek: Exciting news! I'll drop a link to the premium version of this app, which goes above and beyond. It handles user invitations, authentication, and more advanced features. Perfect for those looking to take it to the next level. ------------ Buy me a coffee ----------------------- https://buymeacoffee.com/pritamsharma ------------------------------------------------------------------- Links: Spreadsheet : https://docs.google.com/spreadsheets/... Bulma CSS: https://bulma.io/documentation/form/g... Buefy Docs: https://buefy.org/documentation/table/ 👍 Final Thoughts and Next Steps: If you find this video helpful, don't forget to hit that Subscribe button to stay updated with more content. Feel free to experiment with the provided Spreadsheet, and check the description for all the relevant links and references. Thanks for tuning in! 🚀 See you in the next one.