start off with Lovable. Lovable is a very popular AI app building app out of Europe. A lot of people are starting to use now. Let's build our course creation app in it and see how it does. So, here is the app we're going to do. This is the same prompt I'm going to use in all three apps to see what the output is. We're going to say, I want to build an AI course creation app. You enter in a subject and it creates a course outline for five modules in the course. It then creates three quizzes for that subject. Then five flashcards to review. Here's the key part. It should save the courses to Superbase, which is a database. I'll show you how to set up a database here. I get that request a lot. How do I save to the database? I'll show you how to do it. Uh, this app should be beautiful. That's pretty key as well. We're going to be rating each of these apps on many different criteria, including integrations. So how easy it integrates with AI and databases uh as well as beauty and easy use and bugs. So I want to make sure it knows it needs to make it beautiful. Let's hit send on lovable. And after this we're going to do Firebase Studio and then bolt new. Let's hit send. All right. Here we go. Uh spinning up preview. I do like the hearts. The hearts are a nice aesthetic. Makes me feel feels very loving as I do this. Uh deploying when you're ready. Chat with the AI in the sidebar. Okay. I'd love to help you build the beautiful AI course creation app. This is an exciting project. Combines educational tools with AI assistance. Let me visualize what we could create. Listen, I'm a big proponent that vibes are huge when it comes to AI. How does it feel communicating with the AI? I love the vibes here. These are good vibes. I like the way it's talking to me. It feels very friendly. It's why I used Claude a lot when it first came out rather than chat GBT is the vibes were a lot better. Uh although I feel like Chad GBT is caught up, but vibes are important when it comes to AI. Design inspiration. We can draw inspiration from educational platforms like Corsera Notion and Dolingo for a clean focus interface. I'm thinking using a modern airy design. I like the way it's describing this design to me. It feels like I'm talking to like a real product manager, like a real design manager. This that's pretty cool. Uh I don't think based on my experience any other app did this. So features for the first version, course creation, AI generated course outline, quizzes, flashcards, saving function, dashboard, beautiful UI. All right, those are all things I requested. It's giving me the design elements. I like that. I like that this is very focused on design. I think that's going to be one of the moes. You know, when everyone in the world's creating AI apps, what becomes the moat. I think design and like feel and vibes are going to be a moat. So, I like that. I like that it's focusing on design. Uh it looks like it's building the code for me right here. So, let's see what it comes up with. Okay, cool. We can see here also the code as it's being built. Uh so, that's good. You can see all the files being made for a flash the flash cards. Uh course results. Okay. So it actually will have like results screen for the course. That's something I didn't request that I thought of. I'm really interested to see how novel these AI apps can get. How they can think outside the box and build things I didn't really request. Uh that'll be cool. Course lists. All right. Looks like we have the app built here. Study Bloom. I don't hate the name. Create comprehensive courses on any subject with the power of AI. All right. I'm going to put in a subject and see if it works. I assume it's going to make me put in an API key uh to get the AI to work, but I don't know. Let's just see if it works. Let's just test it out. Building AI agents. Generate me a course on building AI agents. Let's just see if it works out of the box here. All right. Course generated successfully. I like the little toast at the bottom here. All right. So, we're splitting between modules, quizzes, and flashcards. We can save the course. I assume we need to connect super. All right. So they got a button down here for connect superbase. For those who don't know at home, Superbase, excellent database you can use for your apps. Free to sign up, easy to use. I use it for all the apps I build. Uh I'll leave a link down below for you as well. Looks like they have a button directly for connecting it. All right, let's see the modules. Uh introduction to building AI, a foundational overview of building AI agents, concepts and history. This module covers the basic principles of building AI agents historical and why it's important today. All right. Advanced concepts, practical applications. All right. I don't think this is AI because I think this is pretty generic. Advanced concepts, practical applications, future trends. Uh I think this is just kind of generic, which is fine. Listen, I haven't answered any API keys. I haven't connected the AI, so that's fine. I'm fine with this. Uh I Let's see. Look and feel. I do like the look and the feel of the design. The cards kind of float when you hover over them. That's nice. It has the description of the courses. Let's take a look at quizzes. Let's see if it has any quizzes. Uh, building AI agents fundamentals quiz question one of three. What is a key principle of building AI agents? Let's see. I can select it. I can hit next. Okay. So, the quizzes. I like the quizzes. Okay. Oh, then it gives you the score after. Keep studying. Try again. Okay. All right. I do like the designers. Has three course. Now, let's check out the flash cards. I wanted to include the flash cards because I feel like this is where they can get creative with design where they can add different animations and things. So, let's see how they do it. Review flash cards. All I still like the hover effect. The design here is nice, too. Let's see what happens when I click next. All right. I'd say the design's good here. And then save, I assume, is going to not save anything. Well, it's not connected to Superbase. Okay. Course saved successfully. I do like it. I think the UI is a little SAS, a little software as a servicey. Not extremely creative or novel, but it is very clean and smooth. Uh, I do like the way it described to me the design inspiration. I thought that was really cool. Uh, it has all the features we asked for. So, that was nice. No bugs. That was a one shot. That was a oneshot prompt. Uh, let's connect this to Superbase. Let's see how easy it is to connect the database here. So, connect Superbase account. So, let's click this. It pops this open. Authorize API access. Lovable is requesting API access to an organization. Okay. So then I can select my organization. All right. Let's connect it to my org. I like So it's very well integrated. Let's see what happens when we authorize access to lovable. Let's see if it just kind of builds a database out for us. All right. There we go. All right. Let's create a new project. We'll call it courses. We'll generate a password here. I'll save this. That's awesome. It just handholds you through it. That's great. I like that. We're now we're here in Superbase on the app. The database has been successfully created. Did this work? Let's see this. I'll refresh here. Boom. Look at that. The tables were created. That is That's actually really sick. It's directly integrated with Superbase. That's amazing. You don't even have to write SQL yourself or do anything. It just creates everything for you. That is actually really cool. You can now proceed to connect your front-end logic to Superbase. Would you like me to update your app? Yes, please update. Okay. So, it's going to update the app so that it actually starts saving to the database. Now, this is for anyone who's worked with databases before, you know it can get complex and technical. Uh, so far this has removed all complexity and technicality. That's pretty awesome. All right, looks like it got an error. Uh, the screen's blank. Says it's got an error. Cannot read properties and null reading. So, I clicked you I clicked fix error. Uh, let's see what it does here. Looking at the error, I can see we're having an issue with React hooks being you. All right, so we got our first error. Let's see if it's able to fix it with one click of the button. Error. Okay, we know. Well, there we go. Oh, it's back. All right, I've made two important fixes. Okay, so let's see this. Let's generate a course on building AI apps. Generate the course. And then now let's test the saving functionality. So, we got this. We got the course generated. Let's save the course. Will it save to the database? Failed to save course. Please try again. We're going into a death spiral of errors. Now, listen, I'll tell you this. Probably if I sat here and gave it a few more tries, it would 100% fix it. But let's just see. We'll add one more test to this, which is can we just publish it directly to the web? Let's see. Visibility and publish. Let's just publish it to see if this works. Let's see if we can get this on the web easy. All right, published project. Let's see if that works. I This is a real working web link. You probably can go to it now if you're watching this video. AI study bloomloable. app. It's live on the web. So that's pretty impressive. We built the entire app with basically one prompt. We had to click a couple things to get the database set up, but the database integration was excellent. We fell short of having it worked safe to the database. It came up with a couple errors. Although, you know, in the spirit of making a good educational YouTube video, I don't want to spend the next 20 minutes trying to debug it. But I'm sure if I would have spent a little time prompting the AI, we could have solved that. So, let's give the scores. Let's score it. Let's score lovable. Right now, we're on lovable. Steps to complete. We had about four steps to completion with setting up the database. I mean, it was one prompt to get the beginning structure there and then a couple prompts after to try to get the database worked. But, four steps to complete. So, if we're going to rate this on a one to a 10, I'd say that's about I'd say that's an I'd say that's a nine. Honestly, that was super simple. It only took one to get a good looking app. Uh, I'd give it a nine out of 10. Ease of use, that was as easy as it gets, honestly. gets. Uh, the fact that it had that integration with Superbase already set up, that was as easy as it gets. The errors were a little annoying, but it only clicked. All you had to do is click fix this for uh to fix the errors. It really wasn't that confusing. I'll give that a nine as well. Design of the app. It looks nice. You know, you create the course. I do like the way things float. I think it does look nice. Am I blown away by it? No. Like I wish this flash card could have been a little bit more interesting and creative. Uh I think it's good. We'll give it a solid eight. I think it's a solid eight. Buggginess, we did get bugs at the end. So, if I'm going one out of 10, 10 being uh not buggy at all, uh you know, it had the bug. So, we'll go we'll give it a six. It got buggy at the end there. Overall quality of the app, solid, looks good, feels good, seems to work. Little bit of bugs at the end. We'll give it an eight. Integrations, uh the Superbase stuff was incredible. It worked pretty much out of the box. We'll give that a nine. So, we'll take cost out of that and we'll add up these. So that's a 49. That's a 49 out of 60. So 49. There we go. Lovable gets a 49. Pretty good. We got a little buggy at the end, but I'd say it is really good. I'd say that's good. I was really impressed with the integration with Superbase. Next, let's go to Firebase Studio. So for those who
don't know, Firebase Studio just came out. It's from Google, and it's basically their response to Lovable and Bolt and all these really simple AI prototyping apps. For those who don't know, again, what I'm showing you here is more AI prototyping apps. You're not going to build full endtoend complex enterprise apps with these, but you will build the prototype. If you want to build the full complex and end, you want to go with like a windsurf or a cursor. I prefer windsurf at the moment. Uh, but these are good for building kind of the V1 of your app. So, let's go in. And by the way, if you learned anything so far, make sure to hit the subscribe button down below. Make sure to leave a like and then let me know what you want me to build next. All I do is make awesome videos with AI. All right, let's put this in. Same prompt from Lovable. Let's put it in. Let's see how this works. Prototype with AI. goes. All right, here's a plan how we'll prototype the app. Take a look below and customize if needed. Okay. Oh, I like I actually I think I like this planning a little bit more than Lovable. Uh I like the design of this feature. So, it has the main features, has a style guideline. It's a little bit less detailed than the style guideline. Love bowl gave us what the inspiration was from. Layout a clean, wellorganized, uh, clear sections, course outline. Okay. Clean and modern fonts and readability, iconography. Actually, now that I read through the whole thing, I think I liked Lovables more. I think Lovables was more detailed. And the vibes were a lot better. We talked about Vibes before. Maybe I should had a section in the scorecard for vibes. This feels very ghoulish, very kind of corporate. Uh, but it's nice. I mean, you get you understand what's in there. So, let's prototype this app. One thing I'll knock Lovable for though is it didn't have a clear integration for AI. I asked for it to be an AI course app. It didn't have a clear integration with AI. Actually, I didn't consider that. I think that's pretty important. I think we got to knock off a couple points from integrations for that. I that is a point I did overlook. It really didn't have the AI integration. I asked for an AI course creator. It didn't do anything with AI. It didn't have any integrations with AIS, anything like that. So, I think we knock off two points from integrations from a nine to a seven. And that brings the total score to a 47. We had it at 49 before. All right. So, let's do it. Let's prototype this app. Let's go. Let's build it. Let's see how Google does here. Fire Google, you got the most employees out of all the AI companies. Build me something nice here. From a UI perspective of Firebase Studio, I'm not in love. I'm not in love with the uh UI of Firebase Studio here. This feels a little bit Windows 95ish if you catch my drift. Like this is the UI, you know, lovable. It had the sidebar. It had the hearts. I liked the I like the fonts, the way things looked over here with Google Firebase Studio. I feel like I'm at my old corporate desk job entering in TPS reports right now with these fonts and colors. All right, it's writing the code. Autofixing errors. I like that. I don't have to click fix this. checking for errors. Now, for those uh keeping track right now, I'd assume this is based off Gemini Pro 2. 5, which is the best coding model at the time of this video. So, I would expect it to have the best code and the kind of best AI powering this at the moment. So, let's see how this does here. All right, let's look what we got here. Uh course forge AI, which as a name I think kind of stinks to be quite honest with you. Uh, okay. It has our plan. Let's put has the code. It appears you need a Gemini API key. Okay, that's awesome. So, it has the integration with Gemini generate. Okay, so autogenerate the API key. Do all I have to do is click a button and it puts in an API key and makes one for me. If that's true, then that's a home run. That's amazing. Let's see what happens here. Is this good? If all I have to do is click a button, the AI works out of the box and I don't have to go to like a dashboard and API keys and generate API keys and copy paste. That's incredible. Let's see. API key updated the first iteration. Okay. So, all right. Let's see if this works. Building AI agents. I want a course on that. Generate. Generating course outline. The UI of this is horrible. Look at this. This is And we're broken here. Uh I have detected icons key is not a function. I have detected an error. Want me to fix it? Yes. Fix the error. So, we're step one in here and it's broke. Let's see. All right. We're back. We're back here. Let's see. Building AI agents. Can he generate a course? I will still be very impressed if the AI just works out of the box and all I needed to do was click generate AI key. We're broken. We're broken here. And it's not giving me the thing where it's like fix. Should I fix the code? So now I got to manually go fix the code. Uh let's see what Google does here. Let's see if I mean I'm going to be honest. This isn't the most complex use case in the world. case. This is pretty darn simple. Censoring myself for YouTube. Here we go. AI agents generate. Come on. If you if it Listen, I'm giving it one more chance here. If this is broken, it's broken. That same error I've detect. All right. Here we go. Last chance. Google. You're going to fail the whole test if you don't do this. And I've also been hearing from other people they're running into this a lot, too. I am hearing from a lot of people that they're getting a lot of bugs and errors with Firebase Studio, which is unfortunate because this is Google. They have the most people. resources. They're the biggest company out of all the competitors. Their competitors are like 10 people teams in Sweden, right? They should be winning. Google should be winning. One more shot here, Google. One more shot here. Which, you know, it's crazy because Gemini was behind all the other models for the longest time, right? It's been years and Gemini has never been ahead. Just recently, Gemini Pro 2. 5 did take the lead when it comes to coding. I test I code every day for hours and hours. Gemini Pro 2. 5 is the best at the moment. Uh but that's the only part Google's been winning in when it comes to AI for years. Just they've been winning in AI the coding category for a couple days. That's the only time they've been winning. This is broken. We're in an infinite loop here of errors. It's unfortunate, but we're going to have to rate it. We're gonna have to rate it based on this. it. Steps to complete out of 10. I mean, we couldn't complete it. It's a three. Ease of use. Uh, I do like that for, you know, I have built apps before with Firebase Studio. Uh, just as a little spoiler here, that generate AI API key that works. That actually works. It's pretty incredible. Uh, so the ease of use there is amazing. The UI is not great. So, ease of use there gets knocked down a little bit. I'll give it a seven. has integrations with the AI, which I think is cool. Uh the design of the app was horrible. It looked horrible. It was a bad looking app. I'm giving that a four. Buggginess, I mean, I it couldn't fix the bug. So, I got to go one out of 10. Quality of output, I mean, it I did like the rundown, but it wasn't as good as Lovable. So, I'll give it a five. Integrations, it did it does have that integrations with the AI. it didn't show me anything for Superbase, but I do love the fact that I don't have to go into a dashboard, generate an API key, write it down, then put it back in and copy and paste it. That is nice. So, we'll go with a seven for integrations. Actually, I'll bump that up. Uh I'm going to bump it up actually to a nine. And here's why. Let me explain it to you. Uh maybe this is cheating, but I have used Firebase Studio a ton and it is integrated with everything Google. It's integrated with Google Gemini. Cloud. It's integrated with everything Google. uh Firebase database. So, it actually is really easy to use all the other Google tools with this. Um, so the integrations are actually spectacular and it probably is its strongest point. Only reason I'm not giving it a 10 is because I couldn't really test them all for this test. So, let's see what we got here. What's the final score? 29. That is a 29 out of a possible 60. Not great from Firebase Studio. Lovable still in the lead. All right, last one. Bolt. new. Let's see if Bolt, and I save Bolt, new for last because it is the most popular. Most people use Bolt new. It is the industry leader right now. I'm not saying it's the best. I'm just saying
it's the one that people use the most. Taking the prompt. We're putting it into bolt new. We're going to hit send. I saw a little thing up there. It said Stripe payment support. If it has integrations with Stripe, that'd be pretty sick. So, you can quickly just get Stripe in your app like we did superbase and lovable. That's pretty sick. Okay, it's thinking. Let's see what it's thinking here. Based requirements, I'll create a sophisticated AI course creator app that generates course outlines, quizzes, and flashcards. Core features: AI generated course outline, three automatic. Okay. Design elements, modern education themed color palette with primary blue and accent orange and supporting colors for success, warning, and error states. I like that. Good vibes. The vibe. I should have had a rating for vibes. Elegant animations for page transitions and course generations. Clean typography. I like the descriptions here. I'd say they're on lovable level. I'd say maybe better than lovable. Subtle gradients and soft shadows for depth and polish. What was lovable's descriptions? I like this. Yeah, this is better than lovable. Lovable just gave me a few bullet points here. Bolt new. Few bullet points with the Yeah, it's about the same. There's They're both good. They both did. I take it back. They're both good. All right. So, it's building the code. It's installing the technologies for me. I haven't had a clicker do anything so far here. I like that I can see the terminal. So, for those who are a little bit more technical, you can see the commands it's running in the terminal to install different technologies. That's cool. I do like that this is like a code editor. It looks This is definitely going to be more friendly for the developers. I mean, it's I'm not saying it's complex. I'm just saying this is going to be more familiar for established developers, which is pretty cool. All right. So, it's building the AI service. Okay. So, it's definitely going to have some sort of AI integration. I also see files around superbase. So, okay. It's preparing for the superbase integration. Really interested to see if they have something similar to what we did with lovable in there. All right. I've created a sophisticated AI course creator application with a clean professional design. Uh I don't know if I see that clean professional design. The application is ready to use after connecting a superbase. Okay. So maybe we need to connect to superbase first. Failed to resolve import UUID from AI server, but it looks like it has to do with the AI service and not being ready. Uh, if you need a new Superbase database, click the connect to Superbase button on the top right. All right, let's connect to Suba. Okay, so looks like it has a similar integration as lovable. Let's see this. Let's see how this works. All right, we then go through the same authorization with Subabase as we do Bolt. All right, let's connect to a new project here. All right, let's apply the new tables. And then now it looks like it is addressing the problem we have over here. Terminal error. Let's attempt to fix on this error. And again, listen, I don't think this is the most complex app in the entire world. It generates a course based on a subject you type in. So, I'm not having too much mercy for these apps having errors. Listen, points to lovable here. It was the only one who did not have errors out of the box. I'll fix the error by adding the missing UID package to the project dependencies. All right, let's see if it fixes it. I fix the error by adding two packages, UU ID and other UUID packages. Oh, look at this. I like this. create AI powered courses and turn any subject into structured learning. All right, I don't know how this is going to work because I didn't do any AI integrations here, but let's just say AI agents and then create the course here. Let's see what happens. I do like this design. Failed to generate course. Uh, two problems. Error generating course could not find the flash cards column of courses in the schema cache and superbase request failed. Well, it didn't do the Superbase integration correctly, it appears. Let's see if it can fix it automatically. So, we got a couple errors in. It does look like it did create the table in Superbase. So, it created the table. Now, it just might be a mismatch on the naming of the columns in the table. All right. Looks like it said it fixed it. Let's see what happens here. AI agents. Again, I like this design. I think I like this design the best. Let's create the course. Let's see what happens when we create the course. failed to generate the course. We're running into issues. It looks like it has to do with the super basease. This is unfortunate. This is an unfortunate series of events here because I do like the way this UI works a lot. looks Bolt experience so far. But man, I mean, it's not like we're doing something super complex here. We're just trying to save a course to a database. This shouldn't be crazy. you know, if you're the thing is like I get that if you're a super experienced programmer, this isn't an issue. You can go just look at the code and fix this. But this channel is really angled towards people who are learning AI and learning to build and building their first app and trying to do this easily without a ton of experience. And like if I'm new to programming, I'm new to building apps, this is going to turn me off and I'm not going to build an app now because of these like just the non-stop errors. But this is getting to the point where we are about to give up on Bolt very soon. Like it just if you're a new coder, you're not going to have the patience for this, right? You're going to be turned off by this. You need to the AI agents need to be able to fix themselves. They reflect and see what the issue truly is. Uh and the fact that Bolt can't figure out what the issue and now it's just an infinite loop of trying to attempt fix and nothing's happening. We're done with Bolt. Let's go. Let's go to the final scoring. scoring steps to complete. I mean, it gave us that real UI and the one shot, but we couldn't get to even seeing what the courses looked like. Give it a six. Easy use. I mean, it was easy. We just ran in the bugs. Seven. Design the app. I think the design app is spectacular. I was really excited to see what the courses and flashcards look like. I just I kind of like the look and feel of it a lot. I like the fonts colors a lot. the little touches like the logos down here a lot. I would have to give it a good design app even though you know I can't give it the best. Uh we'll give it an eight. I'll put it on par at lovable. I would have gave it a nine or a 10 if I can see what the courses look like but I can't. Buggginess it's very buggy. So on a scale of 1 to 10 we got farther than we got with Google. So a four of the output I mean it is looks like good quality but it doesn't work. So, it has to be higher than Google, but it can't be as high as lovable. So, we got to go a seven there. Integrations. It had the Superbase integration. Integration didn't work. It's broken clearly. Um, it didn't show me anything to do with AI, any AI integrations like Google had. So, it's got to be the weakest of all the integration. So, I get give it a five. So, total score is a 37. So
