Hi there! Welcome back to my YouTube channel. In today’s tutorial, I’m going to show you how to create a word count app using T GPT. Remember to subscribe if today is your first time and don’t forget to turn on post notifications so you don’t miss any of my upcoming video tutorials.
This is a very simple tool that you can use on your website to count the number of words you have within the text area. If I start typing, it will count the number of words I have here. Remember, it’s words, not the letters or the characters.
So, this is just a simple application that I created using T GPT. You can even create more complex apps using the same method. I’m going to walk you through how to do this with just some simple strategies.
Before you do that, you need to make sure you have your text editor or code editor. I’m using Visual Code Editor. You also need to know the files you’re going to use and how to organize those files.
T GPT is going to generate a code for you. All you have to do is to organize them and then start running the code. Now, let’s jump into action and see how to do this.
First, you need to come to this website called OpenAI. I have some videos already on T GPT, so you have to come to openai.com and then click on ‘Introducing Char GPT’. Click on this and you need to sign up. It’s going to take you to this page. Now, what we’re going to do is write a full code that allows us to count the number of words we have within the text area.
So, let’s say we’re using HTML, CSS, and JavaScript. Let’s just do this and then T GPT is going to generate the code for us. If we’re not satisfied with the interface, we can go ahead and improve on that.
Char GPT is going to go ahead and improve on this code for me. Let’s wait for this code to be written for us and then we can modify this in case we want to improve on that. So, let’s see how Char GPT is going to do this.
It will organize everything within the same HTML file or it will write them separately. Let’s see what we’re going to get first. The first code you can see is giving us everything over here. We wait for this code to finish and then we can just copy this code and move it to our text editor.
Now, we are not using this. We open a new folder. So, I can go to File and then Open Folder. Remember, we created a folder on the desktop called ‘count’. Let’s click on that and open this folder. We currently don’t have any file within this folder, so we’re going to create a file and then paste everything within that particular file.
Let’s start and see what Char is going to give us. I’m going to start a new chart and then we want to add T GPT to create a full code that allows us to count the number of words we have within the text area. So, I’m just going to type this right here. Okay, write a full code that counts the number of words in a text area. So, you want to be specific. So, we’re using HTML, CSS, and JavaScript. That’s JS. So, let’s just do this and then Char GPT is going to generate the code for us if we are not satisfied with the interface. We can go ahead and improve on that.
So, let’s see how Char GPT is going to do this. It will organize everything so remember you can embed JavaScript and CSS into the same folder. Okay, you can really do that. So, it’s going to write this for us. Let’s wait for this to finish and then we can just copy this and move it to our text editor.
Now, when we are done saving this, we can just go ahead and open this within our browser. Remember, we have it within the ‘count’ folder. I just have to open this. You can see how amazing this is looking. So, it’s even looking more professional than what I displayed to you.
So, CH GPT has actually created this for us. Let’s say, how many words do I have here? So, this is a question. In this case, we just have to click on ‘Count Words’ and you can see the result will show up over here. This is another way, which is quite different from what I showed you, and basically, it’s achieving the same purpose.
If you want to improve on the interface of this, you can add charts, you can change the code to make the interface more attractive. So, you can easily add that over here. So, let’s say, change the code to make the interface more attractive. Okay, so we can add charts, we can change the code to make the interface more attractive and let’s see how this is going to look like.
So, we just want to rewrite this code and see if we could get something more professional. We just have to allow this AI some few minutes to rewrite this code and let’s see if the interface is going to be the same or different from what we have here. So, this is what we’ve created. You can see with just a twinkle of an eye, we’ve been able to generate a working application.
So, if you’re building a system online or just a professional website and you want to include some tools, you can easily use this AI to create different components of this tool. AI is just to support you. It’s not going to take your jobs. Just embrace it and it’s going to make your coding life even easier.
Subscribe and turn on post notifications for more video tutorials on how to use T GPT to create a full working app and how to improve on your coding. Till I come your way again, like, subscribe, and bye-bye!
