Build Web App using Google Sheet, React and Google Apps Script

TechLever · Intermediate ·🌐 Frontend Engineering ·1y ago

About this lesson

Learn how you can build a web application using React and Google Apps Script! In this video, I’ll guide you through the project structure for a starter kit that combines React, SHAD CN components, and Apps Script. We’ll explore folders like components, hooks, lib, pages, and the server for backend functions. Plus, I’ll show you how to set up routes and work with Apps Script files to make your development process smoother. 🔗 GitHub Repository: https://github.com/pritamsharma45/vite-react-google-apps-script 🔗 Shad CN: https://ui.shadcn.com/ 🔗 NodeJS: https://nodejs.org/en/download/prebuilt-binaries 🔗 VS Code: https://code.visualstudio.com/download 🔗 Clasp: https://developers.google.com/apps-script/guides/clasp Spreadsheet Link: https://docs.google.com/spreadsheets/d/158U_v-VbjXYVZWZn3pBGv4-rGksYV8K9O57yNfC260E/copy My Other Featured Videos: ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ COMPLETE CRUD WEB APPLICATION USING GOOGLE SHEETS https://www.youtube.com/watch?v=ZdDB5VVW8HM Google Sheets | Data Entry using HTML Form https://www.youtube.com/watch?v=5Ta8TrPsdN8 Google Sheets | Multi Page CRUD Web APPLICATION https://www.youtube.com/watch?v=E4UaHrxCmJs Dynamically Populate Google Form's Dropdown using Google Sheets https://www.youtube.com/watch?v=5s-2A1WhI9w Invoicing Web App using Google Sheet and Apps Script https://www.youtube.com/watch?v=c4kXtSKBtGo How to Manage Client's Projects & Tasks with This Free Web Application | Google Sheets Integration https://www.youtube.com/watch?v=z7YcojVpgUc Google Sheets | Data Entry using Modal Form https://www.youtube.com/watch?v=VDuAQZJdbaA Support Me: ☕️😊 Buy me a coffee! ☕️💖 https://buymeacoffee.com/pritamsharma https://paypal.me/pritamsharma45 ------------------------------------------------------------------- ✨ Buy Multi Page CRUD Web App for only $9! ✨ It features: 📄 Customizable Multi Page Apps 📁 File Uploads 🔽 Dynamic Dropdown 🔗 Dependent and Computed Fields 🖼️ Formatting support for Image, Avatar ➕ Additional fi

Original Description

Learn how you can build a web application using React and Google Apps Script! In this video, I’ll guide you through the project structure for a starter kit that combines React, SHAD CN components, and Apps Script. We’ll explore folders like components, hooks, lib, pages, and the server for backend functions. Plus, I’ll show you how to set up routes and work with Apps Script files to make your development process smoother. 🔗 GitHub Repository: https://github.com/pritamsharma45/vite-react-google-apps-script 🔗 Shad CN: https://ui.shadcn.com/ 🔗 NodeJS: https://nodejs.org/en/download/prebuilt-binaries 🔗 VS Code: https://code.visualstudio.com/download 🔗 Clasp: https://developers.google.com/apps-script/guides/clasp Spreadsheet Link: https://docs.google.com/spreadsheets/d/158U_v-VbjXYVZWZn3pBGv4-rGksYV8K9O57yNfC260E/copy My Other Featured Videos: ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ COMPLETE CRUD WEB APPLICATION USING GOOGLE SHEETS https://www.youtube.com/watch?v=ZdDB5VVW8HM Google Sheets | Data Entry using HTML Form https://www.youtube.com/watch?v=5Ta8TrPsdN8 Google Sheets | Multi Page CRUD Web APPLICATION https://www.youtube.com/watch?v=E4UaHrxCmJs Dynamically Populate Google Form's Dropdown using Google Sheets https://www.youtube.com/watch?v=5s-2A1WhI9w Invoicing Web App using Google Sheet and Apps Script https://www.youtube.com/watch?v=c4kXtSKBtGo How to Manage Client's Projects & Tasks with This Free Web Application | Google Sheets Integration https://www.youtube.com/watch?v=z7YcojVpgUc Google Sheets | Data Entry using Modal Form https://www.youtube.com/watch?v=VDuAQZJdbaA Support Me: ☕️😊 Buy me a coffee! ☕️💖 https://buymeacoffee.com/pritamsharma https://paypal.me/pritamsharma45 ------------------------------------------------------------------- ✨ Buy Multi Page CRUD Web App for only $9! ✨ It features: 📄 Customizable Multi Page Apps 📁 File Uploads 🔽 Dynamic Dropdown 🔗 Dependent and Computed Fields 🖼️ Formatting support for Image, Avatar ➕ Additional fi
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Related Reads

Up next
How to Speed Up Your WordPress Website with WP Rocket ⚡Tutorial 2026
Matt Tutorials
Watch →