1 00:00:00,080 --> 00:00:00,350 Okay. 2 00:00:00,500 --> 00:00:05,450 And up next, let's discuss how we're going to test our server routes. 3 00:00:05,480 --> 00:00:06,290 You see? 4 00:00:07,080 --> 00:00:10,650 Once we build a route on a server. 5 00:00:11,470 --> 00:00:13,830 There has to be some way how we can test it. 6 00:00:13,840 --> 00:00:21,880 I mean, technically you can set up a front end and all that, but it's a much faster feedback if you 7 00:00:21,880 --> 00:00:28,570 use one of the tools that essentially just allow you to send a request and that way you can clearly 8 00:00:28,570 --> 00:00:31,860 check everything before you even start setting up the front end. 9 00:00:31,870 --> 00:00:36,670 So long story short, it's much easier to set up a front end if you already know that. 10 00:00:36,670 --> 00:00:37,750 Yes, for sure. 11 00:00:37,750 --> 00:00:39,280 My server works correctly. 12 00:00:39,280 --> 00:00:42,730 Otherwise if you're working in both places simultaneously. 13 00:00:43,470 --> 00:00:46,570 You might be chasing a bug that doesn't exist. 14 00:00:46,590 --> 00:00:47,820 Hopefully that is clear. 15 00:00:47,820 --> 00:00:48,180 Now. 16 00:00:48,180 --> 00:00:53,610 In a previous course iteration, we used this bad boy, a package called Postman. 17 00:00:53,640 --> 00:00:55,110 This one over here. 18 00:00:55,200 --> 00:01:03,000 But in this one we changed things around and we're going to use a thunder client to tell you honestly 19 00:01:03,000 --> 00:01:05,280 you can use either of them. 20 00:01:05,280 --> 00:01:08,100 It doesn't really matter the reason why I picked this one. 21 00:01:08,950 --> 00:01:11,830 Is because you don't need to install anything extra. 22 00:01:11,830 --> 00:01:14,670 If you have Visual Studio code, you're good to go. 23 00:01:14,680 --> 00:01:19,830 And these days I really use Postman to set up the docs. 24 00:01:19,840 --> 00:01:22,660 I just find it very useful that. 25 00:01:23,250 --> 00:01:29,100 By default, you can right away get some nice docs with the postman, but everything else you can do 26 00:01:29,100 --> 00:01:30,480 with the thunder client. 27 00:01:30,510 --> 00:01:36,300 In order to get started with the Thunder client, navigate to your extensions and you're looking for 28 00:01:36,300 --> 00:01:37,020 this one. 29 00:01:37,350 --> 00:01:43,230 Now, once you install the extension, you'll see this extra tab over here. 30 00:01:43,650 --> 00:01:44,760 The Thunder Client one. 31 00:01:44,760 --> 00:01:50,220 If you don't, please restart the Visual Studio code because you won't be able to follow along unless 32 00:01:50,220 --> 00:01:52,940 you use the postman with the course. 33 00:01:52,950 --> 00:01:55,800 If you don't have the particular extension. 34 00:01:55,800 --> 00:01:59,190 Again, install this thunder client. 35 00:01:59,370 --> 00:02:04,740 You'll see this new tab here on the left hand side and once you have it. 36 00:02:05,550 --> 00:02:06,900 And this is how. 37 00:02:07,570 --> 00:02:09,280 The interface is going to look like. 38 00:02:09,280 --> 00:02:12,040 So this is where you can set up the collections. 39 00:02:12,070 --> 00:02:14,440 Essentially, we can group our requests. 40 00:02:15,260 --> 00:02:19,520 We can also set up the environment variables and all that cool stuff. 41 00:02:19,700 --> 00:02:22,010 All of that will do in a second. 42 00:02:22,040 --> 00:02:27,140 For now, I just want to show you how we can make a request. 43 00:02:27,410 --> 00:02:30,020 First, click on new request and effectively. 44 00:02:30,020 --> 00:02:34,640 Remember, our port is 5100 and then we have the home route. 45 00:02:34,910 --> 00:02:39,470 So instead of using the browser, I'm just going to grab. 46 00:02:40,180 --> 00:02:44,980 The URL localhost 5100 and we'll click on send. 47 00:02:44,980 --> 00:02:47,830 And if everything is correct, we should see this. 48 00:02:47,830 --> 00:02:48,880 Hello world. 49 00:02:49,370 --> 00:02:50,750 So this is the response. 50 00:02:50,750 --> 00:02:53,510 And again, this is super useful. 51 00:02:54,340 --> 00:03:00,360 When we're building the server because we can immediately test our routes. 52 00:03:00,370 --> 00:03:05,350 So this is going to be a get request, but of course we can change it Also, we'll change over here 53 00:03:05,350 --> 00:03:11,290 the URL, we can provide the headers, we can provide here, auth a body. 54 00:03:11,290 --> 00:03:14,770 So this is where we can send data and all that cool stuff. 55 00:03:14,770 --> 00:03:17,320 So super, super useful extension. 56 00:03:17,320 --> 00:03:19,240 Make sure you have it. 57 00:03:19,330 --> 00:03:24,220 And once everything is in place, we can start working on the next step.