1 00:00:00,450 --> 00:00:04,970 The last section we put together our back and route to return our full list of surveys. 2 00:00:05,010 --> 00:00:08,970 I think that we're now ready to test this out and make sure that the End Point is working the way we 3 00:00:08,970 --> 00:00:10,080 expect. 4 00:00:10,080 --> 00:00:15,330 So we're going to test this and point in the same way that we were testing some of our other API previously. 5 00:00:15,460 --> 00:00:17,490 I'm going to change back over to the browser. 6 00:00:17,730 --> 00:00:22,440 I'm going to make sure I've got my re-act application up I can make sure that I'm logged in and then 7 00:00:22,440 --> 00:00:29,340 I'm going to open up my draw javascript con. I'm going to go to the Network tab and then inside of the 8 00:00:29,340 --> 00:00:34,010 console pop up right here and remember that you can toggle this by pressing escape. 9 00:00:34,470 --> 00:00:38,640 We will make sure that we still have access to X-ers inside the console. 10 00:00:38,700 --> 00:00:40,440 And yet looks like we do. 11 00:00:40,460 --> 00:00:47,500 And so to test out the point all we have to do is make a network request to API slash surveys. 12 00:00:47,630 --> 00:00:54,450 So we'll say accedes doget API slash service. 13 00:00:55,460 --> 00:00:55,890 OK. 14 00:00:56,010 --> 00:01:01,890 So in our request log we immediately see a response pop up we get a status of 200 which means that it 15 00:01:01,890 --> 00:01:03,750 looks like everything went OK. 16 00:01:03,930 --> 00:01:09,090 And if I inspect the response and then go to the preview tab you'll show me a list of all the different 17 00:01:09,090 --> 00:01:10,930 surveys I've sent out. 18 00:01:10,960 --> 00:01:14,740 So let's take a look at our latest one which was super final test. 19 00:01:14,940 --> 00:01:16,660 And so we've got our body. 20 00:01:17,040 --> 00:01:22,890 The date that it was sent the last time someone responded the number of no votes the number of yes votes 21 00:01:23,220 --> 00:01:25,170 and the subject and the title. 22 00:01:25,170 --> 00:01:30,390 So it looks like the End Point is definitely working out just fine. 23 00:01:30,390 --> 00:01:30,880 OK. 24 00:01:30,900 --> 00:01:34,080 So that's pretty much all we have to do from the server standpoint. 25 00:01:34,230 --> 00:01:38,700 Now the server was very easy and really straightforward but doing the front end is just going to be 26 00:01:38,760 --> 00:01:43,860 a little bit more work because we have to make sure that we take care of the entire redux cycle for 27 00:01:43,860 --> 00:01:47,190 loading up data just like we've been doing through all throughout the course. 28 00:01:47,340 --> 00:01:51,950 So we need to make connection creator do our network request. 29 00:01:51,940 --> 00:01:56,420 Why are the action creator to a component put the reducer together. 30 00:01:56,460 --> 00:02:00,840 You know basically the entire redux cycle just all of that stuff we have to go through to make sure 31 00:02:00,840 --> 00:02:04,970 that we can get access to this list of data inside of our dashboard component. 32 00:02:04,980 --> 00:02:09,710 So let's take a quick break come back in the next section and start firing up the front end of our app. 33 00:02:09,880 --> 00:02:11,420 I'll see it in just a minute.