I Built 6 Apps with ChatGPT-5 (Vibe Coding Test)

I Built 6 Apps with ChatGPT-5 (Vibe Coding Test)

Machine-readable: Markdown · JSON API · Site index

Поделиться Telegram VK Бот
Транскрипт Скачать .md
Анализ с AI

Оглавление (4 сегментов)

Segment 1 (00:00 - 05:00)

How good is Chad GPT5 for coding? I've vibe coded six apps with Chad GPT5 to test it and some of them are pretty cool. So, let's have a look. So, first I've created this solar spaceship game uh where you control a spaceship and uh basically you can move around. Okay. So, uh this took me a couple of hours. Uh but it was purely with vibe coding. So, I didn't uh didn't manually code anything really. I know nothing about uh programming games and physics etc. Uh it's packaged in Nex. js apps and it uses uh D3 and canvas uh in order to uh to render the game if I'm not wrong. And uh and yeah, as you can see visually uh the visually it's pretty cool. Uh you have some nice effect here. So here you have the sun. Uh here you have different planet and you have a shadow effect. So you can see on the planet here one face is in the shadow. Um and you have also asteroids. Uh and you have other spaceships around me. Uh the sun also has some nice texture. Uh there is um a hollow around the sun. Uh and yeah and also like when I accelerate you can see that uh the engine here. So uh it appears to be more intense. Uh and you can see also in the sky. So you have all the stars. So basically what took time was to tell the game um to specify all the details because I started with one basic prompt make a spaceship but uh a lot of things were not ideal for example um we were missing a lot of detail for example the sun didn't have any texture uh there was just one spaceship and the spaceship was his direction his uh his shape was all weird uh and also the physics were a little bit different there were no uh no asteroids Uh there were no stars. So yeah, I had to manually specify a lot of these things. Uh but overall the result is pretty decent. So um yeah, pretty impressive. I mean I've never created any game myself and really when I see this it really makes me want to try to make other games because really with vibe coding uh anybody can do something. Um so the hot part of course is to make the game fun to find uh the some sort of game play. So for example here you could add some way to shoot at other spaceship for example but uh that would be a little bit more complex but it's already quite uh quite good. Okay so the next demo is this pixel art editor. Um and this one I did it pretty fast in uh just I think just 20 minutes. Uh the first prompt was really good and after all I had to change was just uh some visual detail. But basically what you can do here you can specify the size of the grid. Okay. Uh you can tell if you want any grid at all. Uh you can zoom in zoom out and you can change the color uh of your of what you are painting here. And so after here you can paint something. You can erase it. Um and you can also clear everything. You can do uh something random here. And okay, and let's do something from scratch. So if you paint uh after you can export it. So here let's export the PNG and uh and after you will see it as a PNG image uh in on your file system. So um pretty good. I was pretty impressed by this one because um my first prompt was almost right. Okay, so next demo is this neon uh snake game. So this is the traditional uh snake game. Uh actually I don't even know how to play a snake game, but yeah, so it works pretty well visually. Uh it's pretty nice. And uh and here you can also change the speed. Uh if it's too boring, you can make it faster. Uh and here you have some explanation on how to uh to use the game. But uh yeah, this one it was pretty much a oneshot. Uh it worked directly. Okay. So next we have this uh this landscape simulator where I added a city. So it's like my mini sim city. And um basically what you can do is you can change the different parameter here like

Segment 2 (05:00 - 10:00)

height, roughness uh and you click on regenerate and it's going to regenerate a different world. Um so this one took me about 30 minutes to create. So at first there was a basic landscape generator but I wanted to make it more interesting. So I asked the AI to add some boats here. like you can see the movement are a bit screwed up. It doesn't move in the right direction. Um, and here we have a couple of cities also with buildings. So, I I needed to I had to uh to specify this cuz by default it didn't provide it. And I also had to specify that I wanted some windows, some texture. I wanted different colors. Also wanted some streets. Uh I wanted some cars on the street. Um and uh yeah and here you can move in all directions, zoom in, uh zoom out and you also have some shadow effect. Um and overall it's pretty good. If you get really close you will see that some detail are weird. So sometime the streets for example are not on the ground. U but when you consider that everything was generated with AI uh it's pretty decent. Okay. So, next um I also wanted to test if we could do some normal apps. So, not some game but some stuff that we could actually um uh some normal app like a sort of SAS for example. And here I did a clone of coin market cap. And so here you can search for any coin for example here Solana. Um you can click on coin here and you will see the trading chart and here you can change the time periods 1 day uh one week 1 month and you can see a candle chart and you can also see uh a trend line. So this is the average uh the average price for the last 200 days I believe. Um, and so this uses a candle chart library from um from Interactive Brokers, which is a famous stock online stock broker and they also have this nice charting library. So this one took me about 1 hour to do. uh the first iteration the chat didn't work and so I had to uh spend some time to debug uh this uh charting library which is uh which is quite complex to do because I had to do the integration with react and so this is something I've uh I've never have had to do a um an integration of a charting library with React because basically this charting library is not designed to work with React. So you need to have some advanced knowledge of React. So in this case being a developer helped me because I was able to figure it out but with the help of AI um and but yeah like uh this is pretty good. Oh yeah, we also have the volume here. Okay, so the part where AI was pretty smart was to figure out the UI and also to figure out how to use the API of Coin Geko because that's the API that I use for the data and so I didn't have to um to look too much in the the data structure the documentation of this API by default it was working pretty well. It's just this integration with React that was posing problem. Um and final demo is uh type form. So a type form clone. So you know type form this is this service to create forms dynamically. It's very popular for online businesses. Um and recently there was a indie hacker who shared his result um his revenue. So this is someone who clone typform and who's making 10k per months. And so even with a very simple idea like this you can monetize it and with vibe coding this is typically the kind of app that you can do very easily with vibe coding. So the way it work is you click on new form here and here you can say for example I don't know new leads and here this is going to be the URL. So for example, uh I don't know my coaching program and you click on create and after you're going to add a different field. So for example uh okay uh no let's delete this one. Uh why do you want to join the program? Uh explanation here. Okay. Then um short text here. Uh what is your job? Uh job here.

Segment 3 (10:00 - 15:00)

Okay. Uh then we What's your email? Okay. your email johngmail. com for the placeholder and maybe a select here uh okay so uh what is your income and here we'll say okay uh less than uh 50k 100k more than 100k. Okay. And you can also specify a web hook URL. So um if you want this form to call an external API after it was submitted. So because you need some integration with an external service then you can also do it. And after uh so let's click on publish. Okay. So now it's published. And now if we go to dashboard so we can see our form. Uh here we can open it and here this is what the end user will see. Um so here let's fill it to see how we can see it in the dashboard. So I want to join. I want to make more money. Okay. What is your job? I'm a software developer. My email is Juliantheblocks. com. Okay. What is your income? All right. Submit. Your response was uh was recorded. All right. So now let's go back to the dashboard. And if we click on submission, uh now we can see the submission here. The date I want to make more money software developer. Uh and yeah, so that's that could be a dropping replacement to Typeform. If you are paying for Typeform or if you want to monetize this project, you could also do it. Um and VIP coding was really good at this. Um it took me just 30 minutes to do this app really. Um the first version was almost perfect. Um and then there was no technical difficulty. So those six demo uh are pretty cool. But uh this is not um the only thing that I want to mention about chat GPT5. Um so I also want to mention about the different models that are available. So here this is the API pricing and so in the API you can access so chat GPT5. So that's the main model, but you also have a smaller model, uh, CH GPT5 mini and nano. So most likely if you use the API, you're going to use Chad GPT5 Nano because it's, uh, is very powerful already. And in terms of price, you can see that Chad GP5 Nano is cheaper than 4. 1 nano. Um, so that's a good thing. And there's this other one, Chad GPD5, uh, chat latest. So why do we have this other one? So in the UI of chat GPT um they actually have two chat GPT5 model the normal one and the thinking model which is uh basically like a little bit similar to 03 before and so if you use chatgpt 5 that's the chat GPT5 thinking model and if you use chat latest uh that's the normal one so uh not thinking um and another interesting detail is that they've increased the context window from 200,000 token in 03 to 400,000. Uh so now you can inject more context in your prompt. It's still not as good as Gemini 1 million token context, but it's going in the right direction. And there is also a new parameter in the API which is the verbosity parameter. So you can control basically the length of the answer from uh from chat GPT. um in terms of pricing. So here as I mentioned CH GPT 590 is cheaper than 4. 1 mini but it's also much cheaper than Clo Opus. So Cloud Opus 4. 1 is 7. 5 time more expensive uh for output and 12. 5 uh expensive for input. So roughly 10 time more expensive than Chad GPT. Okay. yeah, so uh in conclusion, uh Chad GPT5 is um it's not a a super powerful a

Segment 4 (15:00 - 16:00)

much more powerful model. Uh it's not this giant leap in power that some of us were expecting. It's more an optimization and it's a hybrid model that combines some uh older model of chat GPT of open AI. So this is like this release is more a cost optimization slash improvement for usability and in terms of coding. So chat GPT5 is better than clo sonet 4 uh from my own experience but is worse than cloud opus 4. 1 uh but it's also much cheaper uh for all other task chat GPT5 is better than all other models uh absolutely hands down and there is also less hallucination is more factual um so and it's also faster than 03 okay So maybe not the crazy release that everybody was expecting, but some really nice improvement for uh usability. And by the way, those six demos that I've shown before, uh so uh the spaceship simulator, the pixel art generator, the snake game, the uh landscape generator, the uh clone of market cap, coin market cap, and the clone of type form. All of these are available for free in my uh free community. So if you want to join this community, follow the link down below. All right, that's it for this video. Bye.

Другие видео автора — EatTheBlocks

Ctrl+V

Экстракт Знаний в Telegram

Экстракты и дистилляты из лучших YouTube-каналов — сразу после публикации.

Подписаться

Дайджест Экстрактов

Лучшие методички за неделю — каждый понедельник