Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated: 1 1 00:00:01,260 --> 00:00:04,710 Welcome to the last video of this section. 2 2 00:00:04,710 --> 00:00:07,260 so we finished the Mapty project, 3 3 00:00:07,260 --> 00:00:09,220 but to finish the section, 4 4 00:00:09,220 --> 00:00:12,360 I just wanted to quickly address some additional features 5 5 00:00:12,360 --> 00:00:15,830 that we could have implemented in this application. 6 6 00:00:15,830 --> 00:00:19,150 And basically, I'm gonna leave them for you as challenges 7 7 00:00:19,150 --> 00:00:22,223 if you'd like to spend some more time on this project. 8 8 00:00:24,470 --> 00:00:27,500 And the first couple of features that you could implement 9 9 00:00:27,500 --> 00:00:30,980 would be the ability to edit any workout 10 10 00:00:30,980 --> 00:00:32,780 or to delete a workout 11 11 00:00:32,780 --> 00:00:35,850 or also to delete all the workouts right from 12 12 00:00:35,850 --> 00:00:37,750 the user interface. 13 13 00:00:37,750 --> 00:00:39,810 So this is something that you can do 14 14 00:00:39,810 --> 00:00:41,790 in most Web applications. 15 15 00:00:41,790 --> 00:00:45,920 And so therefore, you could also add that ability here. 16 16 00:00:45,920 --> 00:00:49,200 We didn't implement this together in this application 17 17 00:00:49,200 --> 00:00:52,490 because I just wanted to keep things more simple here 18 18 00:00:52,490 --> 00:00:55,370 and not to create a super huge application 19 19 00:00:55,370 --> 00:00:57,950 that would take ages to build. 20 20 00:00:57,950 --> 00:01:00,540 Now next up, you could add the ability 21 21 00:01:00,540 --> 00:01:03,810 to sort workouts by a certain field, 22 22 00:01:03,810 --> 00:01:07,410 for example, by distance or by duration. 23 23 00:01:07,410 --> 00:01:10,550 And this one would be probably a little bit tricky 24 24 00:01:10,550 --> 00:01:13,510 to implement, but you can take inspiration 25 25 00:01:13,510 --> 00:01:16,220 from the Bankist application where I believe 26 26 00:01:16,220 --> 00:01:18,103 we did something like this. 27 27 00:01:19,090 --> 00:01:22,560 Now, another thing that you could do is to actually rebuild 28 28 00:01:22,560 --> 00:01:25,550 the Running and Cycling objects that are coming 29 29 00:01:25,550 --> 00:01:27,250 from Local storage. 30 30 00:01:27,250 --> 00:01:30,650 So basically you could fix that problem that we run into 31 31 00:01:30,650 --> 00:01:32,420 by the end of the last lecture 32 32 00:01:32,420 --> 00:01:35,010 where the objects coming from local storage 33 33 00:01:35,010 --> 00:01:36,990 were now regular objects 34 34 00:01:36,990 --> 00:01:40,410 and no longer running and cycling objects. 35 35 00:01:40,410 --> 00:01:43,110 So this would be a nice challenge for you to do 36 36 00:01:43,110 --> 00:01:45,880 and to basically fix that error. 37 37 00:01:45,880 --> 00:01:49,420 Another nice touch that you could use to this application, 38 38 00:01:49,420 --> 00:01:52,460 is to create more realistic error messages 39 39 00:01:52,460 --> 00:01:54,700 and confirmation messages. 40 40 00:01:54,700 --> 00:01:57,680 So we just used a simple alert window 41 41 00:01:57,680 --> 00:02:00,760 to display an error message when the input data 42 42 00:02:00,760 --> 00:02:02,220 was not valid. 43 43 00:02:02,220 --> 00:02:03,210 Right? 44 44 00:02:03,210 --> 00:02:07,990 But that's kind of ugly and not really real world like. 45 45 00:02:07,990 --> 00:02:08,823 And so therefore, 46 46 00:02:08,823 --> 00:02:12,140 you could implement more realistic messages 47 47 00:02:12,140 --> 00:02:14,810 and maybe you could even have them fade out 48 48 00:02:14,810 --> 00:02:16,420 after some time. 49 49 00:02:16,420 --> 00:02:19,590 So that would be a nice use case of some of the things 50 50 00:02:19,590 --> 00:02:21,140 that we already learned before. 51 51 00:02:22,010 --> 00:02:24,890 Okay, so these are the more easier ones. 52 52 00:02:24,890 --> 00:02:29,150 Let's take a look at a couple of hard ones. 53 53 00:02:29,150 --> 00:02:33,560 So first, you could add the ability to position the map 54 54 00:02:33,560 --> 00:02:35,960 so that it shows all the workouts. 55 55 00:02:35,960 --> 00:02:38,610 So let's say that you went to a different country 56 56 00:02:38,610 --> 00:02:40,630 and did some workouts there. 57 57 00:02:40,630 --> 00:02:43,430 And so your workouts are all over the map. 58 58 00:02:43,430 --> 00:02:46,060 And so therefore, it would be nice to have a button 59 59 00:02:46,060 --> 00:02:49,740 which shows all the workouts on the map at once. 60 60 00:02:49,740 --> 00:02:51,530 However, to solve this problem, 61 61 00:02:51,530 --> 00:02:54,320 you would probably have to do a lot of Googling 62 62 00:02:54,320 --> 00:02:56,310 about the Leaflet library 63 63 00:02:56,310 --> 00:02:59,120 and dig deep into the documentation. 64 64 00:02:59,120 --> 00:03:03,420 Because of course, this functionality would depend entirely 65 65 00:03:03,420 --> 00:03:05,880 on the Leaflet library. 66 66 00:03:05,880 --> 00:03:07,380 Right? 67 67 00:03:07,380 --> 00:03:11,320 Okay, but still, this would be actually nice to see, 68 68 00:03:11,320 --> 00:03:13,060 but let's see another one, 69 69 00:03:13,060 --> 00:03:15,520 which would probably be even harder, 70 70 00:03:15,520 --> 00:03:18,890 which is the ability to draw lines and shapes 71 71 00:03:18,890 --> 00:03:23,410 instead of simply having a point for each workout. 72 72 00:03:23,410 --> 00:03:25,750 So this would be a real challenge 73 73 00:03:25,750 --> 00:03:28,020 and maybe it wouldn't be such a good idea 74 74 00:03:28,020 --> 00:03:29,970 to actually try this one out. 75 75 00:03:29,970 --> 00:03:32,410 But still, I wanted to just leave this here 76 76 00:03:32,410 --> 00:03:36,100 as a potential improvement to this application. 77 77 00:03:36,100 --> 00:03:39,540 So when you go on a run, of course, the run is not just 78 78 00:03:39,540 --> 00:03:42,890 on a point, but it's more like on a line 79 79 00:03:42,890 --> 00:03:46,420 or maybe like a circular shape or something like that. 80 80 00:03:46,420 --> 00:03:48,550 And so it would be nice to have that 81 81 00:03:48,550 --> 00:03:50,580 instead of just a point. 82 82 00:03:50,580 --> 00:03:52,660 And finally, I have two more challenges 83 83 00:03:52,660 --> 00:03:55,890 to improve this project that you could only implement 84 84 00:03:55,890 --> 00:03:57,820 after the next section. 85 85 00:03:57,820 --> 00:03:59,463 But let me still show them here. 86 86 00:04:00,400 --> 00:04:04,460 So you could Geocode location from the coordinates. 87 87 00:04:04,460 --> 00:04:07,300 So you could use a third party API 88 88 00:04:07,300 --> 00:04:09,120 to plug in the coordinates, 89 89 00:04:09,120 --> 00:04:12,600 and that would then give you back the real location. 90 90 00:04:12,600 --> 00:04:15,230 So, for example, you could then call the run, 91 91 00:04:15,230 --> 00:04:17,510 a "Run in Faro, Portugal" 92 92 00:04:17,510 --> 00:04:19,540 Because the third party Web API 93 93 00:04:19,540 --> 00:04:22,060 would give you that location data. 94 94 00:04:22,060 --> 00:04:23,880 So a description of the location, 95 95 00:04:23,880 --> 00:04:26,570 not just the raw coordinates. 96 96 00:04:26,570 --> 00:04:30,480 And then besides that, you could also use a third party API 97 97 00:04:30,480 --> 00:04:34,770 to display the weather for the work out time and place. 98 98 00:04:34,770 --> 00:04:37,640 But again, these two you can maybe tackle after 99 99 00:04:37,640 --> 00:04:39,770 the end of the next section, 100 100 00:04:39,770 --> 00:04:43,310 if you feel like improving this project even more. 101 101 00:04:43,310 --> 00:04:44,350 All right. 102 102 00:04:44,350 --> 00:04:48,190 So it would be really great to see some of these features 103 103 00:04:48,190 --> 00:04:50,530 actually implemented by you. 104 104 00:04:50,530 --> 00:04:53,710 And if you do one of them or even more, 105 105 00:04:53,710 --> 00:04:57,750 then make sure to share your results in the course Q&A 106 106 00:04:57,750 --> 00:04:59,370 or even on Twitter. 107 107 00:04:59,370 --> 00:05:01,830 And there you can use one of the hashtags 108 108 00:05:01,830 --> 00:05:03,610 that I mentioned earlier. 109 109 00:05:03,610 --> 00:05:07,810 But anyway, that's it for this video and for the section 110 110 00:05:07,810 --> 00:05:09,860 and for this project. 111 111 00:05:09,860 --> 00:05:12,170 So once again, congratulations 112 112 00:05:12,170 --> 00:05:14,790 for reaching the end of this project 113 113 00:05:14,790 --> 00:05:17,750 and even more for sticking with this course 114 114 00:05:17,750 --> 00:05:20,190 all the way up to this point. 115 115 00:05:20,190 --> 00:05:22,950 What an amazing achievement, really. 116 116 00:05:22,950 --> 00:05:26,640 I cannot overstate this, and I'm really happy for you 117 117 00:05:26,640 --> 00:05:28,590 and for all your progress. 118 118 00:05:28,590 --> 00:05:31,970 And now just keep going, because the next section 119 119 00:05:31,970 --> 00:05:34,700 is actually one of the most important ones 120 120 00:05:34,700 --> 00:05:36,350 in the whole course. 121 121 00:05:36,350 --> 00:05:38,683 So I hope to see you there very soon. 10412