WEBVTT

00:01.960 --> 00:04.440
So let's continue with building features.

00:04.440 --> 00:10.480
We are now at phase two of our project, and there's still a lot of work that needs to be done.

00:10.480 --> 00:15.560
So in this lecture we're going to go ahead and create the next two features that are being listed here.

00:15.600 --> 00:19.080
Essentially what we want to see is a flash card being displayed.

00:19.520 --> 00:24.040
So I'm going to use the following prompt, which you're going to find as a resource to this lecture,

00:24.040 --> 00:31.600
which instructs the agent to build the first two features listed under the phase two.

00:32.200 --> 00:33.360
So this is the plan.

00:33.360 --> 00:36.160
And we're going to follow along and see exactly what is happening.

00:36.920 --> 00:40.800
Now the agent reports that these features have been built.

00:40.800 --> 00:45.760
And we should usually go over and see exactly what the AI is telling us, but you can also directly

00:45.760 --> 00:47.120
jump into the application.

00:48.240 --> 00:50.800
I'm going to go ahead into study mode.

00:51.320 --> 00:54.280
What we're going to see here is again, some UI issues.

00:54.920 --> 00:58.720
Instead of getting a proper list, we're going to get again this broken UI.

00:58.760 --> 00:59.000
Okay.

00:59.040 --> 01:04.320
Anyway let's click on animals And we're going to see absolutely nothing here.

01:04.680 --> 01:06.800
If you click on food, we're going to see nothing.

01:07.040 --> 01:09.160
And if you click on verbs we're going to see nothing.

01:09.480 --> 01:12.080
So not sure exactly what is the problem.

01:12.480 --> 01:15.520
I think the problem is a lack of data.

01:15.520 --> 01:20.920
And I'm going to ask the AI and report this to issues that I found after this manual test.

01:21.800 --> 01:28.120
So let's go ahead and see if the agent manages to figure out the two issues that I found after this

01:28.120 --> 01:29.000
manual test.

01:30.000 --> 01:30.200
Okay.

01:30.240 --> 01:32.640
So we've been instructed to check the browser again.

01:32.640 --> 01:34.360
So let's go ahead and do exactly that.

01:35.640 --> 01:36.880
I'll select animals.

01:37.280 --> 01:41.000
And now what we're going to see here is a card.

01:41.040 --> 01:45.480
So El Perro is a dog or the dog.

01:45.800 --> 01:46.720
So we have that.

01:46.720 --> 01:47.320
Perfect.

01:47.320 --> 01:48.720
Let's go to the next card.

01:48.760 --> 01:50.320
El Gato is the cat.

01:50.680 --> 01:52.760
So this seems to be working properly.

01:52.760 --> 01:54.440
We can go back to the categories.

01:54.720 --> 01:54.920
Okay.

01:54.960 --> 01:58.840
The UI is not great, but is definitely acceptable.

01:59.160 --> 02:02.250
And we can say okay, now we have built this additional feature.

02:02.250 --> 02:04.130
It seems to be working properly.

02:04.730 --> 02:08.370
What we're going to see here again in the to do list is this mess.

02:08.370 --> 02:10.170
Because we're going to get here a diff.

02:10.530 --> 02:13.730
And what we want to do at this point is again accept all.

02:14.250 --> 02:16.330
And then we're going to see exactly what has been built.

02:16.330 --> 02:23.130
So from phase two we see that these two first items have been built and we have tested this.

02:23.170 --> 02:24.890
We are happy with what we're seeing.

02:25.090 --> 02:29.250
So all we need to do is simply also go ahead and commit the changes.

02:30.370 --> 02:35.170
And the agent is going to figure out a commit message is going to stage those files.

02:35.170 --> 02:40.490
We can also add the git directly as one of these commands that can be executed.

02:41.170 --> 02:45.050
Like to take a quick look and see exactly what is being executed here.

02:45.050 --> 02:46.730
So we're going to see here the commit.

02:47.090 --> 02:53.210
And this is the commit message saying that phase two or part of phase two has been implemented.

02:54.010 --> 03:01.410
And now this is pretty much done in terms of implementing this particular part of the application.
