1 00:00:00,500 --> 00:00:07,790 Excellent job, we have everything in place to start pitching for the cocktails, but before we start 2 00:00:07,790 --> 00:00:11,420 typing away, I would want to cover the API we're going to use. 3 00:00:11,690 --> 00:00:18,590 And what essentially are your other options and which options we all use for this particular project 4 00:00:18,770 --> 00:00:19,690 and for this project? 5 00:00:19,700 --> 00:00:23,170 I chose the API by the name of the cocktail DB. 6 00:00:23,610 --> 00:00:25,310 Of course, you can just search for it. 7 00:00:25,520 --> 00:00:27,050 Like I just typed cocktails. 8 00:00:27,050 --> 00:00:33,220 D.B. I'm not essentially should be the first thing that pops up bravely navigate through their site. 9 00:00:33,230 --> 00:00:40,670 Again, the you are the cocktail DB dot com and then more specifically you're looking for API numbers. 10 00:00:40,670 --> 00:00:46,550 They have multiple and points and of course you can explore them what they do. 11 00:00:46,910 --> 00:00:49,600 In our case, we're going to use only two. 12 00:00:50,420 --> 00:00:57,020 Now, some of them are for free, totally free, and some of them you would need to have the Patreon. 13 00:00:57,410 --> 00:01:04,070 Now, what's really cool about this particular API that they don't request Baikie so we don't need to 14 00:01:04,070 --> 00:01:07,810 worry about hiding the key and all that annoying stuff. 15 00:01:08,240 --> 00:01:14,030 Now, the end points we're going to use is this one search cocktail by name. 16 00:01:14,330 --> 00:01:19,040 And also I would want to get lookup full cocktail details, Bayati. 17 00:01:19,490 --> 00:01:24,920 So this year we're going to run in our single cocktail page. 18 00:01:25,220 --> 00:01:30,550 So on here, when we navigate to the page, let's say let's go. 19 00:01:30,920 --> 00:01:34,500 This is where we're run that second URL. 20 00:01:34,820 --> 00:01:40,700 And then in order to display what the user is fetching, we're going to go with the first one. 21 00:01:41,060 --> 00:01:47,930 And then notice here at the end, we have the URL parameter and it is S and an equal sign. 22 00:01:48,200 --> 00:01:48,590 Correct. 23 00:01:48,860 --> 00:01:50,360 And it is a name. 24 00:01:50,930 --> 00:01:54,650 And in our case, of course, we'll pass in the search term. 25 00:01:54,860 --> 00:02:02,120 So whatever our users type in the input equal here in the URL parameters and that way we'll be able 26 00:02:02,120 --> 00:02:02,600 to fudge. 27 00:02:02,840 --> 00:02:10,790 And while I like everything pretty much about this API, one annoying thing here is if you check out 28 00:02:10,790 --> 00:02:16,910 the response, the property names, so the setup should look familiar. 29 00:02:17,210 --> 00:02:23,030 Again, even though this is external API, the idea is exactly the same, where there's going to be 30 00:02:23,030 --> 00:02:25,790 an array and then each item is an object. 31 00:02:25,970 --> 00:02:29,750 But then notice these property names, then it's not the end of the world. 32 00:02:29,750 --> 00:02:38,060 But essentially you have this SDR and then whatever is the actual property name, not just adds a few 33 00:02:38,060 --> 00:02:43,370 lines of code to our project, not the end of the world, but a little bit annoying. 34 00:02:43,760 --> 00:02:50,120 And then if you want to check out the other end point we're going to use can just copy and paste the 35 00:02:50,120 --> 00:02:50,720 URL. 36 00:02:51,110 --> 00:02:57,940 And essentially this is info about that one single cocktail, by the way. 37 00:02:57,950 --> 00:02:58,910 I think I messed that up. 38 00:02:59,430 --> 00:03:00,860 This is ingredient. 39 00:03:00,860 --> 00:03:06,470 Sorry, I should look for this one where you have I am some kind of value. 40 00:03:06,680 --> 00:03:09,030 So this is where I'll pass in that idea. 41 00:03:09,500 --> 00:03:10,520 So we're pass it down. 42 00:03:11,260 --> 00:03:15,890 And of course this is going to be that one specific drink. 43 00:03:16,220 --> 00:03:21,790 Again, the API name is the cocktail DB on line. 44 00:03:21,860 --> 00:03:23,120 You have multiple options. 45 00:03:23,450 --> 00:03:28,400 You can go free route or you can donate two dollars in Patrón. 46 00:03:28,640 --> 00:03:32,150 And of course you have some additional routes and it's really cool. 47 00:03:32,150 --> 00:03:34,700 You don't need to have the API.