WEBVTT 00:02.000 --> 00:06.920 In this section, we will discover one of my favorite tools for creating beautiful front ends. 00:07.120 --> 00:08.000 Lovable. 00:08.400 --> 00:13.000 We will start by creating an app from scratch, which will be a Kanban board. 00:13.800 --> 00:19.960 The application that we will be building will be fully functional, but it will also go beyond just 00:19.960 --> 00:21.160 building a frontend. 00:21.680 --> 00:29.160 Our application needs a way to process and store data, and for that we're going to use Supabase. 00:29.880 --> 00:35.880 Supabase is a service which will provide the necessary backend for our application, and we need this 00:35.880 --> 00:38.280 backend to process and store the data. 00:38.720 --> 00:44.440 What's great is that lovable offers a unified approach, allowing us to build both the front end and 00:44.440 --> 00:49.160 the backend from a chat interface without having to interact with the code directly. 00:49.400 --> 00:56.240 This makes developing and deploying a web app accessible to everyone, so this tool is ideal for anyone 00:56.240 --> 01:00.600 without much programming experience who still wants to build a useful tool. 01:00.840 --> 01:02.920 I mean, this is just amazing. 01:02.920 --> 01:08.910 Before Agenting I researching and building such an app would have taken me maybe one week. 01:09.310 --> 01:14.950 Now, with the right guidance, this initial version can be created in 10 to 30 minutes. 01:16.310 --> 01:23.790 In terms of pricing, lovable does not offer a free trial, but it has a free plan which offers, unfortunately, 01:23.790 --> 01:25.670 just five daily credits. 01:25.670 --> 01:30.150 So a message, a prompt that you're sending that is one credit. 01:31.710 --> 01:34.630 So this means you can only send five prompts per day. 01:34.910 --> 01:39.070 It is not allowed, but it's still enough to build something useful. 01:39.070 --> 01:41.870 You just need to be super careful how you use them. 01:41.990 --> 01:46.310 Also, keep in mind that a project that you will create will be public. 01:46.310 --> 01:51.150 There is no option for a private project under the free plan. 01:52.190 --> 01:58.830 The Pro plan costs $25 per month and provides 100 credits. 01:59.750 --> 02:05.950 This allows you to have also private projects, so if you need to work on a private project, you need 02:05.950 --> 02:07.950 to get one of the paid plans. 02:08.270 --> 02:11.510 The other service that we'll be using is Supabase. 02:11.710 --> 02:17.300 And super base has a free plan, and a free plan for super base contains everything that we need in 02:17.300 --> 02:19.580 order to get started, so no worries there. 02:20.940 --> 02:26.340 So just by sticking with the free plans from super base and lovable, you should theoretically build 02:26.340 --> 02:32.980 a decent application or at least get started building one and get a sense of if you really love lovable 02:32.980 --> 02:33.620 or not. 02:34.060 --> 02:39.420 But if you stick to the free plan, you may need a few days to go through this section, which can be 02:39.420 --> 02:40.220 a bit annoying. 02:41.020 --> 02:47.660 We will also learn how to take our application outside of lovable by connecting to GitHub, and in that 02:47.660 --> 02:51.860 way we'll have direct access to the source code of the application. 02:52.780 --> 02:58.100 The registration process for lovable is straightforward, and for super base, you still need to navigate 02:58.100 --> 03:01.580 a few questions because it is more like a technical tool. 03:01.820 --> 03:04.020 Nothing too complicated, just in general. 03:04.060 --> 03:05.260 Stick with the default. 03:05.620 --> 03:10.740 So pause this video for a second and go ahead and create a lovable and a super base account using the 03:10.740 --> 03:12.900 free plan, and I'll see you in a bit. 03:12.940 --> 03:15.460 You're going to find links in the resources folder.