We Built an App in 24 Hours [No Code]

Video Statistics and Information

Video
Captions Word Cloud
Reddit Comments
Captions
- I was in a little bit of trouble for this week's video. I just wasn't sure what to do, so I called a friend to see if he could help. (cell phone ringing) - Hey, Heini, how's it going? - Things are good, things are good. I have have a little bit of a challenge though. You know, I do the videos on YouTube, and I sort of ran out of ideas and I have like a deadline in a couple of days. And so the idea I got, which is gonna give you some extra work, sorry, was that, you know, I do a lot of videos about building apps and so on, but I've never had a video where I actually build an app. Today we're gonna build an app, all in 24 hours for real and with no code. This is "Raw Startup." I'm the founder of Vivino, the world's largest wine app and wine community with over 60 million users all over the world. It took us years to build a great app, but it's incredible what you can build now in just hours with no-code. This should be a lot of fun. Finally, in this video, we'll look at what we learned from this small project. What could we build in, like, 24 hours? Could we build something funny in 24 hours and then make a video about it? What do you think? So we start with brainstorming. - Hmm, we need to brainstorm here. We definitely should do something with AI. AI these days is just growing very, very hard, and in just five years I think everything will be AI. And at the same time we need to do something simple, so that other people could repeat it. Something interesting, something engaging, something that ideally involves photos or something. Maybe, like pictures generating something. What do you think? - Yeah, for sure, because it's got to be something visual. It's an app, it'd be fun if its something you can see. Hmm, this is getting interesting. Actually, a friend came to me and he said he's playing around with ChatGPT and he had it generating stories for his kids. It sort of worked somewhat, but what if you had an app that could do that? Would that be fun? - Yeah, I definitely think we can generate, let's say, a text for the story using ChatGPT. We also even can generate pictures. For example, I think we can probably use Midjourney. Midjourney is just, do you know Midjourney? It's an amazing app. - [Heini] I've seen these pictures. It looks wild, right? - Yeah, Jesus, I don't even know how they do that. That's crazy. We can use Midjourney and for the app itself, we probably can use FlutterFlow. It's an app based on Flutter, but it's just a little bit more easy and generates, like, you know, all these blocks like Lego and you can combine them. And we can do it, like, pretty easily. Maybe, like, within just one day or something, 24 hours. - Okay, I mean, that's sort of what I need. Otherwise I don't have the time to make the video, right? So how much input would we put in? Like, how much data would we put into the app? - I believe not more than just one very short sentence in- - Really? - Even like OpenAI, you can generate like a huge story using just five words. So we can just ask the person to provide the prompt, like, what is the story about, and then they just, you know, we just generate a huge piece of text plus some pictures, you know, to kind of like give it more, a little bit more real. - I mean, that is pretty cool. 24 hours, really? - Yeah, yeah, maybe even 20. I'm 100% sure we can get this done. - Fantastic. - Let's try. - Let's do it. - Let's do it. - Okay, Nik is ambitious, I like it. Let's go build something. - The plan is the following. Firstly, I need to prepare the functionality, then build, then test, and then show to Heini. All right, let's start with the product description. Heini ask me that, as a user, I want to be able to provide a short prompt, so that I would be able to generate a story that contains pictures and text. This is overall goal of this app. The functionality that I think we need to do is the mobile app, which I think we'll build in a tool called FlutterFlow. The text generation, which I think we'll use ChatGPT. We need to generate pictures and for that I think we'll use Midjourney. And we need to connect all of that, and I think for that we'll use Zapier. Important to know that everything we need to build without writing a single line of code, only using no-code tools. Only with that way we'll be able to build it, like, really, really fast. So that's why I think we'll use FlutterFlow, Zapier, ChatGPT and Midjourney and this is our stack. Okay, let's go. Okay, so this is a very simple, but at the same time useful diagram of our app. We'll build the app itself first, then we need to use Zapier Integration, which will be connected to ChatGPT to generate text, and to Midjourney to basically generate images, and let's try this out. (fast forward effect) Okay, so I have pretty bad news. It'll be very hard to build this kind of an app in FlutterFlow. FlutterFlow is just too complex to build apps within 24 hours. It's pretty easy to do it in one week, probably, but definitely not in 24. Okay, everything becomes more and more complicated. I signed up with Midjourney, and it seems Midjourney generates pictures very well, but, unfortunately according to their API they do not allow to connect it to anywhere else. Midjourney doesn't provide any API access to the bot through third party apps or scripts. This is very sad. So, I'm going to talk to Heini, and try to convince him to use something else. 'Cause unfortunately neither FlutterFlow nor Midjourney does work in this case. I think that we'll probably have to use Adalo and some other tool. (cell phone ringing) Hey, Heini, how's it going? - Things are good. I'm excited about this project, man. I wanna see the storytelling app. - I'm honestly not that excited. I tried and I spent maybe at least 10 hours non-stop today, and I realized that, unfortunately FlutterFlow probably will not work as well as Midjourney itself. And this is very sad. - Okay, but FlutterFlow, there's a lot of different ones, right? You can just use something else, right? - Yeah, so I tried FlutterFlow. It is very great and we can eventually get this done but definitely not in 24 hours. It's just much more complex- - Its just slower or- - Yeah, just slower. And even if we show it to someone, people will not be able to repeat, unfortunately, I guess. - So FlutterFlow is not gonna work. What about alternatives? What have we got? - There are multiple, there are Builder, there's Adalo, and we can even do it in Bubble. But I think the number one we should try is Adalo. They're very easy and I think we could definitely make something happen in a couple of hours. Let's try Adalo, what do you think? - Okay, so let's go for Adalo. So, look, I love having pictures in there. I think it would suck if we don't have any pictures in there. - We should definitely do pictures. There are a couple of alternatives, you know, Stable Diffusion or we can even use, let's say, like, DALLE. I would suggest DALLE because as far as I know they have direct integration through Zapier, so we should try that. What do you think? - Okay, so you think we can do a picture, still? Okay, that's good. Because, I mean- - Yeah, I'm 93% sure. I'm 93% sure. - Okay. - We need to try that. We definitely need to try. - Cool. - I just need additional, I don't know, maybe like seven hours or something. I'll not sleep today, so just give me some time. - Have an espresso, man. (Nik laughing) - You too. Bye. - Thanks, man, see you. - Just talked to Heini. Unfortunately we have only a few hours left and the apps that I tried just don't work, so I'm going to try Adalo and probably DALLE for generating pictures and let's see how it'll work out. - Okay, obviously some challenges, but we are moving forward. - I just reviewed the app after my talk to Heini, and this is the new schema of the app. Instead of FlutterFlow we are going to use Adalo, and instead of Midjourney we're going to use DALLE, which has direct integration to Zapier and that one has direct integration to Adalo. It should be easier. (fast forward effect) All right, I tried Adalo and I think we definitely can make this work. I made three screens here. The first one where we actually ask the person to provide what the story will be about, then the loader, and then the screen with the story itself. And this is how Zapier integration works. Everything is without writing a single line of code. Very simple, just basically, like, eight steps. Number one is a trigger. So, what should happen so that this integration will be triggered, and the trigger is a trigger I used here, a new record that was created in Adalo. What exactly is when there is a new kind of, like, story name, what the user provides. Let's say I want a story about Spider-Man, so Spider-Man will be that initial trigger. Then there is the action, which is conversation in ChatGPT, meaning that we just sent this data, Spider-Man, to ChatGPT and back we receive a huge, like, piece of text, the story itself. - When you build with no-code Zapier is really the key. It sort of ties everything together. Really a fantastic tool. Nik sort of ties it all together in Zapier. - So now let's finally see what we have created. In order for this app to work, we need to provide a short or a long prompt or description or the title of the story, what the story will be about. Let's use something weird. For example, Superman and Spider-Man. Let's see what we generated. Because the app works with multiple tools such as ChatGPT and DALLE, unfortunately it takes some time to actually create a story. There's a lot of content so that's why we're going to wait. I will wait and I will just pause the video and we'll restart when it's time. The time has come. So, I'm excited to see what they have generated for us. Hope it will not be weird. Okay, (laughs) so here we go. Superman and Spider-Man. So, the app provides, like, the first picture, then the piece of text for the picture. Then based on this content, it generates a new one and then, like, a new one. (laughs) Where is Spider-Man and where is Superman? It's very weird though, but still. (laughs) And, yeah, this is kind of like the summary and the ending of the story. It's always weird and sometimes it's fun, sometimes it's strange, but, nevertheless, you can click on the button, create a new one and provide a new prompt and basically start all over again. Okay, I just finished the app and it's time to send it to Heini. I'm honestly a little bit scared and excited, so let's see what he says. - Now, let's see what he's built. (cell phone ringing) - Hey Heini, how's it going? - Things are good. I mean, you sent me the link, that was incredible. I mean, how could you do that in 24 hours? This is obviously AI too, right? It's pretty wild. - Yeah, I loved it as well. I'm honestly a little bit surprised that we actually made it happen, but it's amazing. It literally, like, did you see how it generates everything? Four blocks of text and pictures and so on. It actually works. What story did you generate? - Yeah, I did a story about the monster that lived in a rock in the Faroe Islands. So- - What? - There are a lot of pictures of rocks and the Faroe Islands. It was really cool. I mean, I'm just impressed that you can do this and, I mean, you could also ask yourself, could you do this a year ago? - I'm quite sure that probably no. But I'm quite sure that in a couple of years from now, we literally will be able to do everything, even maybe, like, VR apps or something. So we'll see. - It is astounding to see what you can build with no-code and AI. And yes, you are lucky. You can actually try the app yourself. Link in the description. Okay, before we get to what we learned, I would like some ideas from you. We'd like to do another bigger app project. So if you have ideas, put it in the comments. If you don't have ideas, look through the comments and put a like on it and we might just build that. Now, let's have a look at what we learned doing this project. If you want to move fast, use Adalo instead of FlutterFlow. FlutterFlow gets too complicated. ChatGPT is incredible. It can help you build a lot. Make sure whatever tool you're using has an API and that API connects with Zapier. You really don't have to code. This can be done with no-code. And you can actually build something in 24 hours. It's pretty wild. If you want more content just like this, please consider pressing like and subscribe and you won't miss any future videos. Thank you very much for watching "Raw Startup." Now, stop watching and go build something. (upbeat music)
Info
Channel: Raw Startup
Views: 413,375
Rating: undefined out of 5
Keywords: No Code, Mobile App, Adalo, Flutterflow, Zapier, ChatGPT, Apps, App, Business Model, founder, entrepreneur, business, startups
Id: tB18tcMgnP4
Channel Id: undefined
Length: 11min 55sec (715 seconds)
Published: Tue Jun 27 2023
Related Videos
Note
Please note that this website is currently a work in progress! Lots of interesting data and statistics to come.