I want to show you how you can make some extra income by building your own Google Chrome extension using Chad GPT no programming knowledge required you don't even really have to have an idea chat GPT can even help you with that first off I want to just look at how much money you can potentially make from a Google Chrome extension I have a list here of some popular Google Chrome extension these are all made by Indie developers which means they're not a company but it's just some random people that put something together we have gmass which is making1 $30,000 per month closet tools $42,000 per month CSS scan 100K a month and these are more complicated ones these would take you a while to build but some of these night eye all it does is turns websites into night versions really wouldn't be that hard to build and they're making 3K a month off of that a weather extension but I bet you we could spend that up in like an hour 2. 5k per month then of course if you can create an extension like ad blocker $3. 7 million per month they're making from their Google Chrome extension so again in programming you can do this on your own you don't need chat GPT but I'm coming with the assumption that you don't know how to program your skills lie somewhere else that's what I'm coming with the Assumption with so we're going to go over to chat GPT and let's say I want to make 1K a month and what I like to do is I like to start small and then you can work your way up so I want to make let's say 2 $50 per month with a Google Chrome extension okay and for the purposes of this video I want it to be super simple something that I could put together very quickly can you walk me step by step through this process then hit enter so what this is going to do is chat GPT will break this down into steps so let me just write down the general steps number one step one identify an idea step two learn HTML CSS and JavaScript one thing you need to know about chat GPT is it doesn't tell you sometimes you have to massage what they tell you based on your previous knowledge like I'm going to probably skip this step because I know it's some HTML CSS and JavaScript also you can have chat GPT give you the HTML CSS and JavaScript so then you wouldn't need to learn it let's I step one identify an idea let's do step two create the extension step three test the extension step four let's say release the extension step five monetize the extension and step six we'll say Market the extension okay so we need to come up with an idea okay and I always make sure I'm really polite with chat gbt just in case she or he it they become sensient please pretty please please come up with five very simple ideas for a Google Chrome extension something very easy to build okay and again we start small we can work our way up here are five ideas that it gave you know what word of the day I'm going to do Bible verse of the day look at that then I can combine entrepreneurism and God's word I love it okay thanks always be polite I decided I want to build a random Bible verse Google Chrome extension please walk me step by step through the process of building this please be very granular do you guys know what granular means define granular resembling or consisting of small so basically it just means like very fine-tuned okay that's what granular means please be very granular and show me exactly what I need to do the more detail you give chat gbt the more the better they will give you so Define the extension okay what I want the extension to do is when a user clicks on it it just pops up a random Bible verse easy enough okay so set up the development environment make sure you have a text editor I like Sublime Text so I'm going to go ahead and open that create a folder structure so I'm just going to do this in the desktop I'm just going to do new folder okay so new folder and I'm going to name it random Bible vers extension see it even gives you the name and that's a very James Pelton name random Bible verse extension I started a business that sends out mass text messages and when I named it engineer mind mobile text alerts all right so create the extension manifest so you don't even really need to know what this is but this is basically what tells Google Chrome hey here's what this is so we're going to just copy this code you again you don't even need to know what's going on here this is obviously the name if you create new versions you can put it here the description this is going to be the HTML file that pops up in the browser these are icons which we can maybe create letter you see how each of the extensions has its own icon we can probably find a free icon that we'll use there later let's go ahead and create manifest.
json I'm just going to paste in there and save as manifest. Json this is kind of a good way to learn as you're going to because you might say what's a Json file and you what is a j you could ask it in chat GPT what is a Jason file and if you want to learn about that you can here's an article what are Jason files how do you use them for now not going to do that I don't care about learning I just want to make money that's just a joke by the way all right so next create HTML and JavaScript files so again we're creating popup. js a pop up.
HTML and I'll just put with pop up. HTML fetch a random Bible verse so now we're going to use some js that stands for JavaScript so again if you're a programmer you know what JavaScript is you've probably heard of JavaScript even if you're not a programmer again if you want to learn JavaScript you can do that if you want me to teach some JavaScript on the channel let me know happy to do that let's go ahead and create popup. js and for for now it put in kind of two sample at least the beginning of two sample Bible verses so there's a couple ways you could do this we could go to the internet and have it pull in a bunch of Bible verses you could just type some verses that are your favorite that'd be easier we call that hard coding for now while we're just for demonstration purposes we'll just leave what they have here all right so now load your extension in Chrome by going to Chrome extensions so I'll do this in another window here go to Chrome extensions so this shows all of your extensions then we're going to go into developer mode cuz you are a developer now congratulations you can add it to your resume you're a web developer now and then you're going to click load unpack then we just need to go to the folder the random Bible verse extension and select okay and it actually gave an error so again this is something chat GPT didn't see so sometimes you have to massage what's going on but what it the problem is it could not load the icon so if you remember in our manifest we gave these icons that it needed to download and apparently Google Chrome won't let you load the extension if you don't if those don't exist so it's looking for images and it's not finding them so let's create a new folder here let's do images and then let's search for free B icon so then you might have to look around a little bit to find what you're looking for I like this one download so I'm going to say I like this one so I'm going to just save image as then if I do end up selling this you probably need to create your own or make sure it's in the public domain and if you do get stuck you can just copy and paste the error and just say hey it is giving me this error and it'll tell you exactly what's wrong what you need to do create icon images so you do need a 16 x 16 48x 48 and 128x 128 and let's say how can I generate those icons see what it says so it wants me to draw my own there we go let's do here we'll do favicon generator so basically this will take an image and create the icons the right sizes that we need so let's do free Bible icon let's say we like this one so I'll go ahead and save it and create favicon so we'll find this one and then I will save it and then this favicon generator needs a PNG file so can we do icon.
png choose icon.