How To Create An App With CHATGPT For Free In Minutes

hi I'm sure that you use chat GPT now for answering questions creating content and for many other tasks but did you know that chat GPD can help you create an app without the need for coding skills or knowledge I'll walk you through a stepbystep process to generate codes using chat GPT and build a basic app stay tuned until the end where I'll show you how to turn it into an APK file for your Android device so you can easily share it with friends or even publish it on Play Store let's get started first we need an app idea or decide to create a app so if you have one you can explain it to chat GPT and how it should work for this video I'm going to create a simple Todo list app so go to chat GPT and enter your app idea and ask chat GPT to give you HTML CSS and JavaScript codes for your app you can see in just seconds I got the HTML CSS and JavaScript codes for my doo list app now to check how codes are working properly I'm going to use this free tool called code pen click code pen and click sign up for free and sign up with your Google or email account after you sign up you will come to this page in here you can see that there are three sections to add our HTML CSS and JavaScript codes to create our app okay to end our codes go back to chat gbt and first copy HTML code by clicking copy code and paste it here to add the CSS code go back to CH gbd and copy the CSS code and paste it in the CSS section same way copy and paste the JavaScript code after you enter all three codes move this part up and you can see a preview of your app so let's test our app I'm creating a too list app so I'm entering go to the gym and click add task as you can see our task is added and you can see the edit and the delete button our app is working completely fine but we can improve more of its look more options and different icons to make it more attractive to do that go back to chat GPT and ask it to regenerate the codes with the new customizations wew now you can see we got new and improved codes so copy the new HTML code and go to the code pin and replace the old HTML code with new one same way replace the old codes with the new codes in CSS and JavaScript now if you move up this part you can see our background color is changed and have more options like calendar and typ and now add button change to plus icon let's check our app again as you can see our app is working completely fine now we can add the app code to our computer to save the codes to computer we need to save it to notepad so open up a notepad first copy the HTML code and paste it here now click save before we save create a folder to save your files to save your HTML code name it index. html these savings methods are very important make sure to do the same otherwise your app will not work to save our CSS code open up a new notepad copy and paste the code here and save it as style. CSS lastly open up a new notepad and copy and paste the JavaScript code here and save it as script.

js after you saved all three codes now we can run the app locally to do that go to the folder where we saved our codes and open this index file you can see that the app is running local in our browser okay we saved our app files into the computer and the app is running fine now we need to upload our app online which means we need to host our app to do that I'm going to use this s called tiny. host click the link in description to come to this site here first enter name for your app next we need to upload our app file as a sip file to do that right click on the app file and select send to and click the compressed folder and your file will transform to a sip file after that drag and drop the Sip file to the tiny host now click on Google and login with your Google account fill these fields here and click complete okay our app is now online if you click on The View site and you can see our app is live and you can share the app with your friends and everyone okay our app hosting part is over now we need to convert our web app into a mobile app before turning the app into a mobile app we need an icon for the app to create one for free go to cana.