WEBVTT 00:02.000 --> 00:07.520 In this lecture, we're going to put windsurf to the test by asking it to work on an existing project. 00:08.320 --> 00:13.720 And that existing project is an app that I've built using lovable. 00:13.840 --> 00:20.360 So it's a Kanban board which has tasks you can easily add tasks or move them around or delete them all 00:20.400 --> 00:20.960 together. 00:21.360 --> 00:23.600 Part of the functionality has been already built. 00:23.600 --> 00:25.560 Part of the functionality has not been built. 00:25.680 --> 00:29.760 This repository is stored on GitHub, so you should have access there. 00:30.040 --> 00:37.320 And currently we have here a product requirements document and also a to do list for this project. 00:37.320 --> 00:39.120 So this is what we're going to do next. 00:39.160 --> 00:41.600 We're going to start here with this repository. 00:41.920 --> 00:47.240 But let's see exactly how can we clone this repository locally and start working on it. 00:48.040 --> 00:52.520 So what we're going to do here from the menu we're going to select git. 00:53.520 --> 00:56.480 And we're going to go with clone repository. 00:57.080 --> 00:59.160 So this is going to be from GitHub. 01:00.040 --> 01:04.560 And we're going to use the GitHub extension which is going to make our work of integrating with GitHub 01:04.560 --> 01:05.480 just a bit better. 01:06.320 --> 01:09.040 So I'm going to copy this and go to GitHub. 01:10.080 --> 01:11.720 I'm going to select here continue. 01:12.240 --> 01:15.160 And we need the code that has been displayed inside windsurf. 01:16.520 --> 01:18.080 So this is the one time code. 01:18.760 --> 01:19.880 Let's paste it here. 01:20.320 --> 01:25.440 And we are now authorizing windsurf confirming again with a password. 01:26.640 --> 01:28.240 And we are all set. 01:28.240 --> 01:29.480 So that's already great. 01:29.480 --> 01:30.960 We can go ahead and close this tab. 01:31.800 --> 01:32.760 Go back to windsurf. 01:32.760 --> 01:35.320 And we're going to see here the repositories that are available. 01:35.680 --> 01:43.160 I'm going to select this quick board go as an option I'm going to save it inside Cascade Project and 01:43.840 --> 01:46.240 set as repository destination. 01:47.200 --> 01:49.400 And we're going to go ahead and open this. 01:50.240 --> 01:55.400 And also trust all the files that are inside Cascade projects okay. 01:55.440 --> 01:59.120 So we're going to see here on the left hand side the code that we have. 01:59.680 --> 02:00.960 So what can we do with this. 02:00.960 --> 02:05.480 Well first of all windsurf doesn't know anything about this code. 02:05.480 --> 02:10.400 So it doesn't really make a lot of sense initially to just start doing things. 02:10.760 --> 02:16.840 And there's one important thing that is missing and that is the project requirements and the to do's. 02:17.120 --> 02:18.400 So let's add them as well. 02:19.520 --> 02:21.760 And I'll go ahead and create a new folder here. 02:21.760 --> 02:22.880 I'm going to call it docs. 02:23.840 --> 02:27.240 And we're going to have inside a requirements.md. 02:28.200 --> 02:34.920 And another file also inside docs which is going to be todo dot from lovable. 02:35.360 --> 02:40.680 We're going to go here to settings and copy this information. 02:40.960 --> 02:45.280 But everything that I'm using in this lecture is also going to be available as a resource. 02:45.280 --> 02:46.640 So don't worry about that. 02:47.360 --> 02:52.880 I'm going to go ahead and first copy the to do list, because this is probably one of the most important 02:52.880 --> 02:53.480 ones. 02:54.440 --> 02:56.120 And put it here inside todo. 02:56.960 --> 02:59.960 And the rest is going to be part of the requirements. 03:00.680 --> 03:02.880 I'm going to put it here in the requirements. 03:03.760 --> 03:05.280 So now we already have this. 03:05.520 --> 03:06.840 Now comes the fun part. 03:06.840 --> 03:13.720 We're going to use a prompt to ask windsurf to analyze this particular code base so that we can better 03:13.720 --> 03:17.160 understand what has been built and what hasn't been built. 03:18.200 --> 03:22.610 So the instruction is going to be analyze the current code base, identify which features have already 03:22.610 --> 03:25.050 been implemented and which are still pending update. 03:25.090 --> 03:30.010 To do that empty file accordingly by making the completed task as done. 03:30.490 --> 03:32.090 Apart from this, we want to change the model. 03:32.090 --> 03:33.930 We want to use something better. 03:33.970 --> 03:40.770 I'm going to go here by provider and choose here Gemini 2.5 Pro. 03:41.810 --> 03:48.090 Apart from this, we also want to reference these files just to make sure that they are indeed understood 03:48.330 --> 03:51.330 by windsurf so that know exactly where to look for. 03:51.890 --> 03:53.850 It's going to go here in terms of files. 03:54.450 --> 03:57.050 I'm going to select here to do that MD. 03:57.610 --> 03:59.570 And also again through the files. 04:00.090 --> 04:02.690 I'm going to select the requirements MD. 04:03.730 --> 04:08.170 We can simply start typing and we're going to get the name of the desired file. 04:08.370 --> 04:10.570 So I think we already have everything in place. 04:10.570 --> 04:16.410 Let's send it off and try to understand exactly what this project is all about. 04:17.850 --> 04:22.090 I'm going to see now that there have been changes made to the Todo file. 04:22.850 --> 04:26.970 So we can already go through this and see exactly what has happened. 04:27.730 --> 04:34.410 We also have this diff just in case it's harder to understand what is in red has been removed and what 04:34.410 --> 04:35.570 is now in this. 04:35.850 --> 04:39.370 Let's say green is what has been added or changed. 04:39.410 --> 04:44.650 So every line that has been changed, you're going to see here this axis being added to a lot of the 04:44.650 --> 04:45.170 tasks. 04:45.570 --> 04:50.250 So we already know that we have worked on the first item that we have here the setup. 04:50.410 --> 04:54.170 We also have the database here on the database. 04:54.210 --> 04:55.450 See the initial data. 04:55.490 --> 04:59.050 It's obviously not clear if this has been implemented or not. 04:59.610 --> 05:02.770 We also have the basic functionality which we know works. 05:03.330 --> 05:07.170 It seems that also column management has been implemented. 05:07.610 --> 05:09.730 So there are a lot of things that have been added. 05:10.570 --> 05:17.050 I'm not going to say that this is now perfect, but it does look that a lot of things have been implemented. 05:17.050 --> 05:22.330 This is something that needs to be decided by looking at this particular code. 05:22.530 --> 05:25.170 Now, I would say it's already a good starting point. 05:25.210 --> 05:31.890 Now, windsurf already knows what this is all about, and we can start working on the rest of the features.