Create End to End AI Chatbot using Lovable.dev in 5 Mins!

0:00 this is a grock chatbot using grock API 0:03 completely developed from scratch and 0:06 I'm going to teach you how to do that 0:08 here is grock the brain behind creating 0:11 the end to endend application so here 0:13 I'm going to think mode so Gro is going 0:17 to build the whole architecture and 0:19 planning so I'm going to give a 0:20 description natural language give me the 0:23 folder structure list of files and their 0:25 functions if I want to create a chatbot 0:28 that integrates three.js for Dynamic 0:30 animation using Gro AI language model 0:34 using AI SDK and stores the secret in 0:38 super base threejs animation should 0:40 automatically change its Behavior while 0:43 the user is typing so after this 0:45 clicking sent and Gro 3 is going to work 0:49 you can see it's thinking through the 0:50 step-by-step process and creating all 0:53 the required folder to set up we can see 0:56 it also browsed web pages to understand 0:59 thinking for 42 seconds now it is also 1:01 providing some examples as you can see 1:04 here now it's generating me the folder 1:07 structure for chatbot and all the files 1:10 and what it does this is very detailed 1:12 and I really like this thinking process 1:15 so just copying exactly the plan created 1:19 by Grog 3 and I'm going to use lovable 1:22 to create the end to end application so 1:24 pasting exactly the same thing generated 1:27 by Gro 3 and then clicking enter we are 1:29 going going to use Grog 3 API so you 1:32 might need to go to x aai to generate 1:34 your API key so this is where you 1:36 generate your API key in X aai so once 1:39 after you generate coming back to our 1:41 previous tab you can see all the list of 1:44 files are getting created that is super 1:46 nice I'm super impressed in the 1:48 Simplicity of how quickly and easily we 1:51 can create any application I just gave 1:54 the initial prompt that small one and 1:57 now it's generating me all the required 1:59 files and we are going to integrate Gro 2:02 API so here I can see there's the error 2:05 so I can just click directly try to fix 2:07 and it'll fix the error again there's 2:09 error trying to fix it again now we can 2:11 see the interface on the right hand side 2:13 so I'm going to test this by saying high 2:16 and now you can see a response that is a 2:18 placeholder message so the next step is 2:21 to connect super base to set up grock 2:24 API key meanwhile I see an error here 2:26 again so I can try clicking fix and it 2:30 should automatically fix meanwhile to 2:32 connect super base just click on this 2:34 then you might need to create a new 2:37 project in super base I've already 2:39 created that test three so I'm just 2:42 going to click that and click connect 2:44 now you can see it automatically 2:46 connects your app is now connected now 2:49 we need to set up our API key here in 2:52 this manage Secrets I can also tell 2:55 lovable to do that I'm going to AIS SDK 2:59 x a Gro provider just copying the 3:03 instruction provided here as 3:05 documentation and I'm pasting that here 3:08 also saying set API key in the secrets 3:12 and clicking enter this is a proper Gro 3:15 AI chatbot and you can clearly see here 3:19 x a API key secrets so I can just click 3:22 add API key then I need to enter the API 3:25 key which I created before I'm pasting 3:27 that here and clicking submit I have now 3:30 added the API Keys you asked for that is 3:33 all good and now it's making Necessary 3:36 code changes I can click that and I can 3:38 see it's integrating X AI API key with 3:42 the end point that is really nice I can 3:44 see all the code changes happening right 3:47 now and now it is all ready let me try 3:50 testing this just saying Hi how are you 3:53 seems like there's an error so I can 3:55 just say there is an error check the 3:58 logs and fix it and now it's going 4:00 through the error now it's fixing those 4:02 errors now going to say what can you do 4:06 let's test this thinking and now this is 4:08 a response from Gro API that is 4:11 brilliant I'm going to say how are you 4:14 and it responded saying I'm doing well 4:16 thanks for asking how can I assist you 4:18 today that is brilliant now we have 4:20 created a chatbot completely using X aai 4:24 API key and it's running Gro at the back 4:27 so I can even publish this application 4:29 directly now I can also save this in 4:32 GitHub by clicking this icon you can 4:34 also save this conversation history in 4:36 super base database which I have covered 4:39 in a completely separate video how to 4:42 save all the data how to set up 4:44 authentication for users to log in which 4:47 I put the link in here and I highly 4:49 recommend for you to watch and I will 4:50 see you there