How ChatGPT Built My App in Minutes 🤯 — Transcript

Full transcript

1. 0:00we all know that chat GPT can solve
2. 0:02problems generate content and even help
3. 0:04you code but did you know that you can
4. 0:06also use chat GPT to make an app yes so
5. 0:09in this video I will show you a
6. 0:10step-by-step process on how you can
7. 0:12create an app using chipd usually when
8. 0:14you create an app you need to have good
9. 0:16knowledge in coding and app development
10. 0:18but in this video we're going to use
11. 0:20chat GP to generate the code and create
12. 0:22a basic app like this so make sure you
13. 0:24watch this video till the end because I
14. 0:26will also show you how you can convert
15. 0:28it into an APK file which you can
16. 0:30install on your Android device share
17. 0:32with your friends or also publish it on
18. 0:34the Play Store I'm brand from website
19. 0:36Learners and let's get started to make
20. 0:38an app using chat GPT we are going to do
21. 0:41four steps first decide what kind of app
22. 0:43that you want to create now if you have
23. 0:45an idea for an app you can tell chat GPT
24. 0:47about it and how it should work but for
25. 0:50the purposes of this video we're going
26. 0:51to make a small game app like Tic Tac 2
27. 0:54so let's go to chat GPT and ask it to
28. 0:56give me a HTML CSS and a JavaScript code
29. 1:00for a two player Tic Tac to a game you
30. 1:04can see we have got the code now to
31. 1:06check if the code is working correctly
32. 1:07let's use a tool called codepen so let's
33. 1:10go to
34. 1:11codepen and click Start coding here you
35. 1:14can see we have three different sections
36. 1:16where you have to enter the HTML CSS and
37. 1:18the JavaScript code respectively so
38. 1:21let's go back to chat GPT then copy the
39. 1:23HTML
40. 1:27code and paste it here
41. 1:30then do the same for the CSS and the
42. 1:33JavaScript code once you have pasted the
43. 1:35code if we move this
44. 1:37up you can see we have a preview of our
45. 1:40game so let's test it
46. 1:46out as you can see the game is working
47. 1:48completely fine but there are a few
48. 1:51things that we can do to make it better
49. 1:53so first off let's improve how it looks
50. 1:56so let's change the background
51. 1:58color add a popup to reveal who the
52. 2:00winner is and also add a button here to
53. 2:03restart the game so let's go back to
54. 2:05chat
55. 2:07GPT and ask it to regenerate the code
56. 2:09with the changes we
57. 2:15want you can see we got the new version
58. 2:18of our code so let's copy the new HTML
59. 2:21code then go back to code
60. 2:25pen and replace the old code with a new
61. 2:27one then do the same for the CSS and the
62. 2:30JavaScript
63. 2:33code and you can see that the background
64. 2:36color has been changed now when we play
65. 2:39the
66. 2:41game you can see it shows who has won
67. 2:43the game in a popup and it has a button
68. 2:46to start a new
69. 2:47game and it has a button to restart the
70. 2:50game now if you want to add anything
71. 2:52additional to your game and make changes
72. 2:54you can ask Chad jpt to get the code and
73. 2:56replace them okay so now that you have
74. 2:59got the code from chat GPD and tested it
75. 3:01we can now go to the next step which is
76. 3:03to save our code to the computer first
77. 3:05we need to copy all this code in the
78. 3:07notepad so let's open a notepad then
79. 3:09copy this HTML code and paste it
80. 3:15here to save the file let's create a new
81. 3:18folder and name
82. 3:21it then save the file as
83. 3:24index.html because only then our app
84. 3:27will work properly in the same way the
85. 3:29let's open a new
86. 3:32file then copy the CSS code and paste it
87. 3:39here then save this file as mentioned
88. 3:42here which is
89. 3:46style.css again let's open a new file
90. 3:49copy this JavaScript code and paste it
91. 3:53here then save it as
92. 3:57script.js okay once you're done we we
93. 3:59can run the game locally so just go to
94. 4:02the folder we created and if we open
95. 4:04this index
96. 4:06file you can see that the game runs
97. 4:08locally on our browser so now we justly
98. 4:11save the code to our computer and now
99. 4:13the app is working fine as I told you
100. 4:15earlier I will show you a way to convert
101. 4:17this app into a mobile app that you can
102. 4:19install on your Android device share
103. 4:21with your friends or also publish it on
104. 4:23the Play Store so to convert this app
105. 4:25into a mobile app first we need to
106. 4:27upload the app online so to do that
107. 4:29we're going to use a tool called tiny.
108. 4:31host so just click the link below this
109. 4:33video and it'll take you to this website
110. 4:36now give a name for your app I'm going
111. 4:38to enter tick Taco app and this will be
112. 4:42the URL of your game next we need to
113. 4:44upload our app as a zip file to do that
114. 4:47let's compress the files which we have
115. 4:49saved on our computer so let's right
116. 4:51click on it then go to send to and click
117. 4:54compressed once it is done just drag and
118. 4:57drop your zip file here now click on
119. 5:00Google then log into your Google
120. 5:03account and our app is now live now if
121. 5:06we click on view
122. 5:08site you can see our app is live on the
123. 5:10internet where we can share it with
124. 5:12everyone okay now we have successfully
125. 5:15hosted our app online once it is done we
126. 5:18can now go to the final step which is to
127. 5:20convert the web app into a mobile app so
128. 5:22to convert it we're going to use a tool
129. 5:24called Web into app this tool is
130. 5:26completely free to use so just click the
131. 5:28link below this video
132. 5:30and it will take you to this website now
133. 5:32click on get
134. 5:33started and here we need to enter the
135. 5:35URL of our app so to get that let's go
136. 5:38to our app copy this
137. 5:41URL go back and paste it
138. 5:46here then enter a name for our app and
139. 5:49click next now here we need to add an
140. 5:52icon for our app so let's click on set
141. 5:54icon then select the icon click open
142. 5:57then the icon will be added here now if
143. 6:00you don't have any icon for your app you
144. 6:02can check out this site called Flat icon
145. 6:04and you can get an icon from here okay
146. 6:07once you've added the app icon click on
147. 6:09make app then enter these details click
148. 6:13on register and again click on make
149. 6:17app as you can see we have converted our
150. 6:19web app into a mobile app so once it is
151. 6:22done we can go ahead and download our
152. 6:24app so just click here click download
153. 6:28then click download files and the app
154. 6:31will be downloaded to your computer now
155. 6:33we are almost there so let's download
156. 6:35the sck taco app into our phone to do
157. 6:39that we need to extract the zip file on
158. 6:40our computer so let's open the file
159. 6:42which we just
160. 6:45downloaded then right click on it click
161. 6:48on extract all and click
162. 6:52extract now if we open that
163. 6:54folder then open the Android folder you
164. 6:58can see we have the APK file here so
165. 7:00once you have got the APK file we can go
166. 7:02ahead and install the app on our Android
167. 7:04phone so let's open a new tab then click
168. 7:08here and go to Google
169. 7:12Drive now drag and drop the APK file
170. 7:15here and it will be uploaded to the
171. 7:17drive so once it is uploaded let's
172. 7:19download and install the APK file on our
173. 7:21phone so go to Google
174. 7:24Drive open the APK file
175. 7:30click
176. 7:33install and click
177. 7:47open as you can see our app has been
178. 7:50installed on our phone and in the same
179. 7:52way you can make any app in just a few
180. 7:54minutes okay so that's it guys this is
181. 7:56how you can make an app using chbd I've
182. 7:59given you all the links that you need in
183. 8:00the description below and if you're
184. 8:02interested in creating more advanced
185. 8:03games with Chad jpd like this one then
186. 8:06make sure you watch this video and if
187. 8:08you like this video give it a thumbs up
188. 8:10and leave a comment below also subscribe
189. 8:13to website Learners and hit that Bell
190. 8:14icon for more videos like this one
191. 8:16thanks for watching guys I'll see you in
192. 8:18the next video Until then take care
193. 8:21bye-bye