1
00:00:00,720 --> 00:00:01,620
Instructor: So, this is it.

2
00:00:01,620 --> 00:00:05,010
The holy grail of all things JavaScript front-end,

3
00:00:05,010 --> 00:00:07,380
authentication on the client side,

4
00:00:07,380 --> 00:00:11,370
especially authentication using a JWT token.

5
00:00:11,370 --> 00:00:12,930
I'm really excited for this section

6
00:00:12,930 --> 00:00:15,810
but there's definitely a lot of work we gotta get through.

7
00:00:15,810 --> 00:00:17,580
At the very start of this entire course,

8
00:00:17,580 --> 00:00:19,620
I had mentioned that you can really take these sections

9
00:00:19,620 --> 00:00:21,330
in any order you'd want

10
00:00:21,330 --> 00:00:23,310
but this is the one particular section

11
00:00:23,310 --> 00:00:26,160
where I very highly recommend that if you have not gone

12
00:00:26,160 --> 00:00:29,400
through this server-side authentication section yet,

13
00:00:29,400 --> 00:00:31,230
I really recommend you pause the video

14
00:00:31,230 --> 00:00:33,990
and go back over to the server-side authentication.

15
00:00:33,990 --> 00:00:35,670
A lot of the content that we're gonna talk about

16
00:00:35,670 --> 00:00:38,490
in this section is all assuming that you're really familiar

17
00:00:38,490 --> 00:00:40,380
with some of the topics around authentication

18
00:00:40,380 --> 00:00:43,170
that we covered inside that last section.

19
00:00:43,170 --> 00:00:45,060
In addition, I'm not really gonna go through a lot

20
00:00:45,060 --> 00:00:47,160
of the server setup inside this section.

21
00:00:47,160 --> 00:00:48,750
I'm going to assume that you are familiar

22
00:00:48,750 --> 00:00:50,700
with getting your server up and running based

23
00:00:50,700 --> 00:00:52,320
on what we did in the last section as well.

24
00:00:52,320 --> 00:00:53,820
So again, if you haven't gone through it,

25
00:00:53,820 --> 00:00:55,520
I recommend you go through it now.

26
00:00:57,510 --> 00:00:59,490
The purpose of this section is to figure out how

27
00:00:59,490 --> 00:01:02,040
to take that project or that server that we created

28
00:01:02,040 --> 00:01:03,990
all the way through to completion.

29
00:01:03,990 --> 00:01:04,950
So, in that section,

30
00:01:04,950 --> 00:01:08,756
we made an API that would handle our AJAX request.

31
00:01:08,756 --> 00:01:10,950
It would handle authentication.

32
00:01:10,950 --> 00:01:13,860
You could create an account, you could sign in,

33
00:01:13,860 --> 00:01:15,330
you could log in, you could log out,

34
00:01:15,330 --> 00:01:17,610
all these different great things

35
00:01:17,610 --> 00:01:19,650
on the server that we created last time.

36
00:01:19,650 --> 00:01:21,720
But it's still missing one very critical piece,

37
00:01:21,720 --> 00:01:23,610
obviously, and that is a front-end,

38
00:01:23,610 --> 00:01:26,670
something to actually display information to the user.

39
00:01:26,670 --> 00:01:28,950
We haven't quite gotten to that portion just yet

40
00:01:28,950 --> 00:01:31,710
and that's what we're gonna do inside of this section.

41
00:01:31,710 --> 00:01:32,880
So, to get started,

42
00:01:32,880 --> 00:01:35,310
as you might imagine, kind of a repeating theme

43
00:01:35,310 --> 00:01:37,170
throughout every one of these sections,

44
00:01:37,170 --> 00:01:41,160
the first step is going to be to clone our starter repo.

45
00:01:41,160 --> 00:01:42,300
So, in my browser,

46
00:01:42,300 --> 00:01:46,293
I'm going to go to github.com/stephengrider.

47
00:01:49,440 --> 00:01:52,713
I'll find the repository called ReduxSimpleStarter.

48
00:01:53,940 --> 00:01:56,460
And then you can either clone the repository,

49
00:01:56,460 --> 00:01:57,330
or if you want,

50
00:01:57,330 --> 00:02:00,030
you can also download it as well as a zip file.

51
00:02:00,030 --> 00:02:02,070
So, totally up to you.

52
00:02:02,070 --> 00:02:04,578
I'm gonna go ahead and clone the repository.

53
00:02:04,578 --> 00:02:07,245
(keys clicking)

54
00:02:12,240 --> 00:02:16,530
Change into the directory and then I'll do my NPM install.

55
00:02:16,530 --> 00:02:17,700
So, this is gonna reach out

56
00:02:17,700 --> 00:02:20,040
and grab all the dependencies for us.

57
00:02:20,040 --> 00:02:23,310
I really encourage you to get these dependencies installed

58
00:02:23,310 --> 00:02:24,870
and catch me in the next section.

59
00:02:24,870 --> 00:02:26,850
Let's get started on writing some code.

60
00:02:26,850 --> 00:02:27,800
I'll see you there.