Uploaded July 2026 | Updated September 2026, 1 week ago
In this beginner-friendly tutorial, I’ll show you how to build and deploy a fully functional, custom web application to a live public link completely for free! We are using Google AI Studio to generate our code, and the best part is that you do not need a credit card, a paid developer account, or expensive hardware. I'm running this entire pipeline on a refurbished Chromebook that I purchased for about $67—but you can follow along on any Windows, Mac, or ChromeOS computer.
One of the coolest parts of this build is using Google AI Studio to write, debug, and iterate on the code for our game: "Rock Paper Scissors Lizard Spock". You’ll see exactly how I prompted the AI to create a custom UI, select a vibrant theme, edit code elements, and expand the game mechanics. We will also hook up our code repository to Vercel for free hosting and link a custom domain using GoDaddy DNS records.
Whether you are a woman in STEM, a tech mentor, or a DIY enthusiast looking to publish your first coding project, this tutorial is a perfect way to see how AI can accelerate your software builds.
Hardware Used in this Video:
- Refurbished Chromebook - amzn.to/4eYSL84 (or use your existing Mac/Windows PC!)
- Book: "A Woman's Guide to Winning in Tech" - amzn.to/3YxHVO7
The links provided are affiliate links in which I may make a small commission but doesn't affect the price that you pay. This helps to keep my channel going to produce content for you.
Prerequisites:
- Free Google Account (for AI Studio): aistudio.google.com
- Free GitHub Account: github.com
- Free Vercel Account: vercel.com
- Your own custom domain name (Optional - GoDaddy or similar registrar)
Timestamps:
2:01 - Prompting Google AI Studio to Build the Game
2:36 - Selecting a Visual Theme (Vibrant Palette vs. Bento Grid)
3:27 - Testing Version 1 (Gameplay & Mechanics)
5:55 - Fixing UI Layout and Bug Troubleshooting
6:54 - Accessing & Editing Code Directly inside AI Studio
7:10 - How to Publish to a Public URL with GitHub and Vercel
10:20 - Adding a Custom Domain via GoDaddy DNS (CNAME Setup)
If you found this tutorial helpful, please like and subscribe for more Chromebook, STEM, tech, and travel content!
📘 A Woman’s Guide to Winning in Tech
A Woman’s Guide to Winning in Tech blends sharp humor with practical career strategies to help women navigate tech on their own terms—without changing who they are.
Available on Amazon, Bookshop.org Barnes & Noble, and IngramSpark
Learn more: winningintech.com
Follow the book:
Facebook: facebook.com/winningintech
Instagram: instagram.com/winning.tech
In this beginner-friendly tutorial, I’ll show you how to build and deploy a fully functional, custom web application to a live public link completely for free! We are using Google AI Studio to generate our code, and the best part is that you do not need a credit card, a paid developer account, or expensive hardware. I'm running this entire pipeline on a refurbished Chromebook that I purchased for about $67—but you can follow along on any Windows, Mac, or ChromeOS computer.
One of the coolest parts of this build is using Google AI Studio to write, debug, and iterate on the code for our game: "Rock Paper Scissors Lizard Spock". You’ll see exactly how I prompted the AI to create a custom UI, select a vibrant theme, edit code elements, and expand the game mechanics. We will also hook up our code repository to Vercel for free hosting and link a custom domain using GoDaddy DNS records.
Whether you are a woman in STEM, a tech mentor, or a DIY enthusiast looking to publish your first coding project, this tutorial is a perfect way to see how AI can accelerate your software builds.
Hardware Used in this Video:
- Refurbished Chromebook - amzn.to/4eYSL84 (or use your existing Mac/Windows PC!)
- Book: "A Woman's Guide to Winning in Tech" - amzn.to/3YxHVO7
The links provided are affiliate links in which I may make a small commission but doesn't affect the price that you pay. This helps to keep my channel going to produce content for you.
Prerequisites:
- Free Google Account (for AI Studio): aistudio.google.com
- Free GitHub Account: github.com
- Free Vercel Account: vercel.com
- Your own custom domain name (Optional - GoDaddy or similar registrar)
Timestamps:
2:01 - Prompting Google AI Studio to Build the Game
2:36 - Selecting a Visual Theme (Vibrant Palette vs. Bento Grid)
3:27 - Testing Version 1 (Gameplay & Mechanics)
5:55 - Fixing UI Layout and Bug Troubleshooting
6:54 - Accessing & Editing Code Directly inside AI Studio
7:10 - How to Publish to a Public URL with GitHub and Vercel
10:20 - Adding a Custom Domain via GoDaddy DNS (CNAME Setup)
If you found this tutorial helpful, please like and subscribe for more Chromebook, STEM, tech, and travel content!
📘 A Woman’s Guide to Winning in Tech
A Woman’s Guide to Winning in Tech blends sharp humor with practical career strategies to help women navigate tech on their own terms—without changing who they are.
Available on Amazon, Bookshop.org Barnes & Noble, and IngramSpark
Learn more: winningintech.com
Follow the book:
Facebook: facebook.com/winningintech
Instagram: instagram.com/winning.tech
