🚀 Free Drag-n-Drop Form Builder + CRUD App with Google Sheets & Apps Script
TechLever
0:00 / 0:00
🚀 Free Drag-n-Drop Form Builder + CRUD App with Google Sheets & Apps Script
12 980 просмотров · 1 г. назад
TechLever
15,1 тыс. подписчиков
12 980 просмотров · 1 г. назад
Join Whatsapp Channel: https://whatsapp.com/channel/0029VanD...
🚀 Build a Free Drag-and-Drop Form Builder + CRUD App with Google Sheets & Apps Script
In this video, I’ll give you a full demo of an awesome form builder and CRUD application built with Google Apps Script, Vue 3, Element Plus, and Google Sheets as the database — all 100% free to use!
Get the Spreadsheet & Code:
https://store.techlever.in/products/d...
(Please HYPE the video if you can)
You’ll see both sides of the app in action:
Admin Side: Drag-and-drop fields, configure preferences, preview forms, and save schemas — no coding needed.
User Side: Auto-generated CRUD interface with search, validation, file & image uploads to Google Drive, and direct Google Sheets integration.
🔹 Features covered in the demo:
Visual drag-and-drop form builder with Text, Email, Number, Dropdown, Checkbox, Date, File, Image, Link, Price fields, and more
Auto-sync with Google Sheets (schema + target data sheet)
Multi-app support with instant schema switching
File & image upload integration with Google Drive
Searchable, high-performance data table (Element Plus Table V2)
Edit & delete with confirmation prompts
Live preview & JSON schema export
One-click deployment as a Google Apps Script Web App
🔹 Tech Stack:
Frontend: Vue 3 + Element Plus UI + SortableJS
Backend: Google Apps Script
Database: Google Sheets
Storage: Google Drive
Whether you’re a developer, Google Workspace power user, or a small business owner, this project shows you how to build fully-functional business apps without expensive SaaS tools.
📖 Watch the step-by-step deployment guide to run your own copy.
💡 Perfect for:
Inventory management
Product catalog
Client records
Internal business workflows
Any small-scale database application
If you enjoy this free project, please LIKE 👍 and SUBSCRIBE 🔔 so I can keep creating more free Google Apps Script + Google Sheets projects for you.
#GoogleAppsScript #CRUDApp #Vue3 #ElementPlus #GoogleSheets #NoCode #LowCode #WebApp #FormBuilder #GoogleWorkspace
Other Featured Videos:
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
COMPLETE CRUD WEB APPLICATION USING GOOGLE SHEETS
• Complete CRUD Web App using Google sheets ...
Google Sheets | Data Entry using HTML Form
• Google Sheets | Data Entry using HTML Form...
Google Sheets | Multi Page CRUD Web APPLICATION
• Google Sheets | Multi Page CRUD Web APPLIC...
Dynamically Populate Google Form's Dropdown using Google Sheets • Dynamically Populate Google Form's Dropdow...
Invoicing Web App using Google Sheet and Apps Script
• Invoicing Web App using Google Sheet and A...
How to Manage Client's Projects & Tasks with This Free Web Application | Google Sheets Integration
• How to Manage Client's Projects & Tasks wi...
Google Sheets | Data Entry using Modal Form
• Google Sheets | Data Entry using Modal For...