Loveable: Develop a Full-Stack App Without Writing ANY Code! (Auth, Database, Etc!) BEATS Bolt.new!

0:00 just take a look at this full stack 0:01 application that lovable was capable of 0:03 creating where it has worked on creating 0:06 an authentication system where you can 0:08 go ahead and sign in and this is your 0:10 main dashboard for this wealth tracker 0:13 you have the ability to track your 0:15 recent uh expenses as well as your 0:17 income you can track your credit score 0:20 as well as your stocks where there's 0:22 live changes to the price as you can see 0:24 right here there's also Financial tips 0:26 whenever you go to the expense tab you 0:28 can actually add in different expenses 0:31 and you can get a live feed of what is 0:34 happening and you can see that it will 0:36 make the changes back on the main page 0:38 now you also have the ability to add a 0:40 budget and a couple of different goals 0:42 that you can set for something that you 0:45 can keep track of within this Vault 0:47 Tracker app and essentially you can also 0:49 even integrate something like stripe but 0:51 you are capable of creating this within 0:53 less than 20 minutes and this is the 0:56 functionality that you get with 0:58 lovable on this channel 1:00 we have showcased a variety of AI 1:03 software Engineers that are reshaping 1:05 how we build applications for example we 1:08 had taken a look at b. new which is an 1:10 AI powered web development agent that 1:12 lets you prompt run edit and deploy full 1:15 stack applications directly from your 1:17 browser then we had explored something 1:20 by versel called v0 a front-end Builder 1:23 that codes based off your prompts and 1:25 today I'm excited to introduce Another 1:28 Game Changer in the AI development space 1:30 called lovable a full stack product 1:33 engineer capable of fully automating app 1:35 development from backend to front end 1:38 lovable generates instant intuitive 1:41 designs based off of your prompts where 1:43 it features live rendering handles image 1:45 input offers instant undo and enables 1:49 collaborative branching to simplify the 1:51 development process to Showcase lovable 1:53 capabilities take a look at this SAS 1:56 product where it was fully built 1:58 entirely with lovable without writing a 2:01 single line of code this SAS application 2:04 transforms API endpoints into beautiful 2:07 functional dashboards these are the 2:09 types of applications you can create 2:11 effortlessly with lovable this is why 2:14 today I'll be demonstrating how you can 2:16 use l bable to build virtually any full 2:19 stack application with ease where you 2:21 can connect it to a database where you 2:23 can have authentication and so much more 2:25 so with that thought let's get started 2:27 what I want you guys to do first is head 2:29 over to able .ev which is a link that 2:31 I'll leave in the description below once 2:33 you are here create an account and you 2:34 can easily then get started with lovable 2:37 this is the main dashboard all lovable 2:39 you can see that you're going to be able 2:40 to manage all your projects within my 2:42 projects tab you have different latest 2:45 builds that have been made by the 2:46 community there's actually a feature tab 2:49 as well as a template tab which can 2:51 easily get you started with a basic 2:53 template and it doesn't just output 2:55 simple front-end designs it is providing 2:58 you a full stack application with 3:00 functionality and it helps you code out 3:02 all the necessary pages of your app now 3:05 before I even get to showcasing what I'm 3:06 going to be building just to Showcase 3:08 how easy it is to build something I'm 3:10 going to send in a random template 3:11 prompt you can see that it's a prompt to 3:14 build a markdown based note taking app 3:16 with folders tags search and synex 3:18 highlighting so we're going to go ahead 3:20 and click on create it's going to go 3:22 ahead and it's going to start building 3:24 off the preview you can see it is very 3:27 similar in terms of clouds artifacts 3:29 where you can get a live preview and on 3:31 the left hand panel you can start 3:33 iterating on the designs so let's see 3:35 what is capable of 3:37 building and just look at that it has 3:40 finished developing this note taking app 3:42 for me and you saw while it was 3:44 generating the code it was capable of 3:46 generating almost every aspect of it you 3:48 have this functional not taking app 3:50 where you have the ability to add your 3:51 different nodes and you can see that 3:54 you're going to be able to manage it 3:55 over here and save it on the right hand 3:57 panel what's also nice is that they have 3:59 a base integration so that you can have 4:02 a database and authentication set up 4:04 with Saab base quite easily so what 4:06 we're going to be doing is creating a 4:08 wealth management application and this 4:10 is to essentially help track income and 4:12 expenses as well as your investment 4:15 we're going to be having it create a 4:17 dashboard which is going to summarize 4:19 the total wealth total monthly income 4:21 and expenses as well as investment 4:23 performances with an interactive chart 4:26 we're going to add a budget tracker an 4:28 Investment Portfolio a goal planner as 4:31 well as a user authentication with a 4:34 backend setup with subab base so right 4:37 away you can see that it is working on 4:39 coding out all the different components 4:41 you can see that AI has worked on 4:43 creating all the different features it 4:45 analyze what it needs to do and you can 4:48 see that it is planning the design 4:50 elements as well as the page so now it's 4:53 going to work on implementing it so you 4:55 can see that you're going to be able to 4:57 view the code for the first iteration of 4:59 this app so right now we can see that it 5:01 has developed this we tracker with the 5:03 dashboard this is the front end and 5:05 we're soon going to be able to start 5:07 coding out all these different pages now 5:10 essentially I'm requesting it to build 5:12 out the other pages and you can see that 5:14 it is currently working on writing a 5:16 code so right now we can see that it has 5:18 already went along and created the three 5:20 new pages for expenses for budgets as 5:23 well as goals and we're going to 5:25 essentially work on making this a bit 5:27 more intricate and working on the U to 5:30 improve the functionality of this 5:32 application so now it looks like it has 5:35 first focused on enhancing the 5:38 functionality of all of these three 5:40 pages we have the ability to add new 5:42 expenses for example we can add a new 5:45 expense of $10,000 we can say that this 5:48 was something related to Transportation 5:52 maybe it was a new car or gas maybe he 5:55 wouldn't spend that much for gas but 5:57 let's say it's for cars uh a sort of car 6:00 payment we can add this expense and you 6:02 can see that it makes the changes on the 6:05 top and in the same manner you can do 6:07 the same for budgeting you can add a 6:09 budget that you want to save this much 6:12 for the month and you can basically have 6:14 the active tracker which is going to 6:16 showcase the budget and in the same 6:18 manner you can also report your goals 6:20 which is really nice and you can set 6:22 different priorities to your goals say 6:24 for example you have world of AI YouTube 6:27 channel goal the target amount that you 6:29 want to make for this is say you want to 6:31 make around 25,000 for the year and the 6:35 current amount is around 12,000 you can 6:38 then have a target for the next year or 6:41 even the next month let's say by April 6:44 we can set this goal it's going to be 6:47 for other our priorities should be high 6:50 and let's create this goal you can see 6:52 that you're going to also be able to 6:53 track your progress of your goal and you 6:56 can go into this goal and edit the 6:58 necessary changes that are needed but 6:59 now what we're going to be doing is 7:01 having it so that these three tabs will 7:03 reflect the changes into this chart over 7:06 here as well as this main dashboard so 7:09 it looks like it has finished making the 7:10 changes so every time I report an 7:13 expense or a budget or a goal it will 7:15 then be betrayed within the main 7:17 dashboard which is really awesome and 7:19 there we go we have a bit more of a 7:22 userfriendly application by the single 7:24 prompt that it requested in where I told 7:27 it the main dashboard should have a bit 7:29 more functionality and you have this 7:31 expenses versus budget graph and 7:33 expenses Trend graph which will showcase 7:35 how much you're spending in different 7:37 categories and you can also visualize 7:39 that within this rightand section so you 7:41 can see that this application is 7:42 becoming a bit more user friendly and 7:45 there is a lot more to it now what we're 7:47 going to be doing is tweaking it a bit 7:50 more and then eventually we we're going 7:52 to be able to connect it to subas so 7:54 there's a user authentication system 7:56 that's set up looks like our application 7:59 does love a lot better and we have a 8:01 fully functional app that we can 8:03 potentially even sell now you can also 8:05 visualize this within your mobile app 8:08 you can also go over and preview this 8:10 within another tab to see this in a full 8:12 screen and you also have the ability to 8:15 manage all the different pages over here 8:17 on the top right now what we're going to 8:19 be doing is going ahead and having this 8:22 connected to subase you can go ahead and 8:24 click on this and you can connect to 8:27 subase then simply go ahead and provide 8:30 authorization of API access for lovable 8:33 so now that we have sub base connected 8:35 we can go ahead and send in this prompt 8:37 where I'm saying with the subbase 8:39 project connected go ahead and set up an 8:41 au authentication system to log into 8:43 this application and you can see it's 8:46 going to work on adding authentication 8:48 to this application now with the 8:50 connection of tabase so on the back end 8:53 we're going to be able to observe what 8:55 is happening for this swth management 8:57 application and we're going to be able 8:59 ble to see that it is working on coding 9:01 all the necessary uh code that is needed 9:05 for this to be functional just look at 9:06 that I have now created an O system that 9:10 is fully functional and this was 9:12 possible with a single prompt sent into 9:14 lovable we're going to go ahead and 9:16 create an account once we have created 9:19 an account it's going to then require me 9:21 to go over and verify to my email so now 9:24 I can simply go ahead and sign in and 9:26 now we're going to be able to log in to 9:29 this application and once you sign in 9:31 it'll then be sent over to the main bu 9:33 tracker dashboard and this was all fully 9:36 set up within less than approximately 10 9:39 minutes now the great thing with lovable 9:41 is that you can also integrate something 9:43 like stripe which is another payment 9:45 provider and it's super easily 9:48 integrated within lovable where you can 9:50 go ahead and connect it through their 9:52 API and you can easily get started with 9:55 this dashboard and looks like it is 9:58 working on improving this main dashboard 10:00 even further you have Financial tips you 10:03 have a stock tracker which is 10:05 functioning live as you saw the numbers 10:08 changing and we can see that this is 10:11 becoming a fully fledged uh we tracker 10:14 application that we can even potentially 10:16 sell just take a look at this full stack 10:18 application that lovable was capable of 10:20 creating where it has worked on creating 10:23 an authentication system where you can 10:25 go ahead and sign in and this is your 10:27 main dashboard for this we track track 10:29 ER you have the ability to track your 10:32 recent uh expenses as well as your 10:34 income you can track your credit score 10:36 as well as your stocks where there's 10:38 live changes to the price as you can see 10:41 right here there's also Financial tips 10:43 whenever you go to the expense tab you 10:45 can actually add in different expenses 10:48 and you can get a live feed of what is 10:51 happening and you can see that it will 10:52 make the changes back on the main page 10:55 now you also have the ability to add a 10:56 budget and a couple of different goals 10:59 that you can set for something that you 11:01 can keep track of within this VA Tracker 11:04 app and essentially you can also even 11:06 integrate something like stripe but you 11:08 are capable of creating this within less 11:11 than 20 minutes and this is the 11:12 functionality that you get with lovable 11:15 in my opinion this is probably one of 11:17 the best ways for you to create full 11:19 stack applications even better than vol. 11:22 new which is why I wanted to really 11:23 showcase this application today I'll 11:26 leave all the links in the description 11:27 below so that you can easily get started 11:29 but that's essentially how you can 11:30 create a full stack application 11:32 connected to a database with 11:34 authentication and it is something that 11:36 fully creates an application for you 11:38 within a few prompts but with that 11:41 thought guys thank you guys so much for 11:42 watching I hope you enjoyed today's 11:43 video make sure you follow me on the 11:45 patreon follow me on Twitter and lastly 11:47 make sure you guys subscribe turn on 11:48 notification Bell like this video and 11:50 please take a look at our previous 11:51 videos cuz there is a lot of content 11:53 that you will truly benefit from but 11:55 with that thought guys have an amazing 11:56 day it's right positivity and I'll see 11:58 you guys fairly short shortly he s