WEBVTT 00:05.560 --> 00:11.320 In this video we get some final touches our Web sites and then our project is going to be complete. 00:11.730 --> 00:20.210 So first of all once we log in we would like to show the profile picture in the clips page. 00:20.280 --> 00:25.890 So inside the navigation bar we're going to that picture right before the use the. 00:25.920 --> 00:30.170 So if you look at the final Web site this is how it looks like. 00:30.290 --> 00:30.780 OK. 00:30.900 --> 00:37.550 So let's go to the main page looks in file and the picture right there 00:41.190 --> 00:49.680 said we've done this already in the profile page so we can just go to the profile page and get the code 00:49.680 --> 00:51.870 from the. 00:52.010 --> 00:59.050 Here is our profile page and the picture code is right there. 01:00.800 --> 01:01.220 OK. 01:01.460 --> 01:03.850 So it is copy the whole list. 01:07.070 --> 01:14.110 And if I go to the page I can change the whole list using the new code 01:21.310 --> 01:22.410 OK. 01:22.610 --> 01:30.080 Now we are using here a picture variable that we defined at the top of this file because we had to go 01:30.080 --> 01:32.500 to the database and run a query. 01:32.660 --> 01:33.700 OK. 01:33.940 --> 01:40.310 So let's just check in this file and see if we of course any HP code at the beginning. 01:42.890 --> 01:44.900 OK so we don't really have that. 01:44.900 --> 01:47.690 So again I need to get the code as well. 01:49.810 --> 01:50.410 So 02:01.490 --> 02:10.400 so it is copy the whole code you saucing a session you checking if the user is connected OK and the 02:10.400 --> 02:11.500 connection to the database. 02:11.510 --> 02:16.260 And then we were writing all these code to get our different variables. 02:16.310 --> 02:18.590 So do the same thing. 02:21.100 --> 02:21.820 OK. 02:22.080 --> 02:26.500 And save now you will see. 02:27.210 --> 02:38.330 That's the picture has got a class preview and we added some styling there for that class. 02:38.410 --> 02:47.220 Easiest way would be to place this styling inside the styling because he has his file because all files 02:47.220 --> 02:51.530 are referring to this file for signing. 02:51.550 --> 02:53.730 So we don't have to place these inside each file. 02:56.100 --> 02:57.410 OK so let's save 03:00.800 --> 03:03.530 now I can delete this one from here. 03:07.630 --> 03:09.380 All right so now what it's dislocated. 03:11.770 --> 03:15.240 So the profile picture is still OK in the profile page. 03:15.250 --> 03:20.140 Now let's go to the tips page. 03:20.770 --> 03:21.550 OK. 03:21.710 --> 03:22.520 All right. 03:22.930 --> 03:23.170 OK. 03:23.180 --> 03:26.670 So now we're going to do the same thing in the search page. 03:26.680 --> 03:34.690 So in a search page we used a navigation bar connected file where we placed on navigation. 03:35.150 --> 03:37.430 So we're going to copy the same code 03:41.270 --> 03:41.690 I'm going to 03:45.060 --> 03:48.760 replace the lists using the profile 03:52.880 --> 03:53.240 based 04:05.530 --> 04:13.560 and now we need the picture variable and you can see that we already have some code right there. 04:13.890 --> 04:14.370 So 04:20.280 --> 04:21.450 we already created. 04:21.480 --> 04:29.000 We've already created the query run the query to use username so all we need is the picture variables. 04:29.000 --> 04:30.460 You can just write it straight that 04:40.320 --> 04:40.620 OK. 04:40.650 --> 04:48.420 So let's save let's refresh the page and we've got our picture right there. 04:48.920 --> 04:49.770 OK. 04:49.940 --> 04:51.420 It's all looks good. 04:51.720 --> 04:59.520 Now the final change we need to make is when we were resetting our password 05:03.220 --> 05:04.500 so let's look out. 05:09.250 --> 05:10.930 So two sets of passwords. 05:13.290 --> 05:14.000 OK. 05:14.560 --> 05:16.180 Let's go to the G.M. 05:23.490 --> 05:23.870 OK. 05:23.890 --> 05:28.130 We had this error he says there. 05:28.540 --> 05:30.640 The head is already sent. 05:30.700 --> 05:40.760 OK so usually when you get an error like this the easy fix for that is to place a couple of functions 05:41.210 --> 05:46.670 be obese status and be flush of the beginning and the end of the file. 05:47.050 --> 05:49.450 So right at the beginning I'm going to have 05:54.370 --> 06:00.630 will be sort of call OK. 06:00.880 --> 06:02.340 And right of the end of the file 06:05.750 --> 06:11.520 I'm going to have a be flush call or it's save. 06:11.570 --> 06:15.190 So if I refresh this page the error is going to disappear. 06:15.410 --> 06:15.850 OK. 06:15.860 --> 06:16.810 Congratulations. 06:16.880 --> 06:22.310 You've just finished this amazing project using advanced techniques you learned in the complete web 06:22.310 --> 06:23.550 development course. 06:23.670 --> 06:26.770 You can always come back to the projects and add more features. 06:26.780 --> 06:36.760 For example we said the search radius to 10 miles but you can let the user choose the radius they want. 06:36.920 --> 06:39.970 You can do that by adding a square are you slider. 06:41.790 --> 06:46.940 So that the user can just slide the handle and choose the Toller's they want. 06:47.040 --> 06:51.820 Also if you go to the profile page you can let the user change more fields. 06:51.840 --> 06:57.870 So we've changed so far the user name email password and the profile picture but you can let the user 06:58.050 --> 07:01.390 change their telephone number comments and so on. 07:01.470 --> 07:06.200 And you already know how to do all of that in the Tripps page. 07:06.300 --> 07:15.060 You can add another section for the user to have their book trips but also you can add a feature where 07:15.090 --> 07:18.750 I use I can book a trip from the search page. 07:18.750 --> 07:24.930 So if you want a certain if you're interested in a certain trip then you can add a button. 07:26.560 --> 07:27.130 OK. 07:27.310 --> 07:33.370 Inside the trip if you are looked and then you can see the button and by clicking on that button the 07:33.730 --> 07:38.530 driver would receive an e-mail and they can confirm whether they want you on that trip or not. 07:38.800 --> 07:39.210 OK. 07:40.890 --> 07:47.820 So I hope you finish more advanced projects in the future and become a highly successful web developer.