1
00:00:01,130 --> 00:00:03,570
Or authentication services now pretty well tested.

2
00:00:03,630 --> 00:00:07,620
So we're gonna start to move onto the next part of our application in this section.

3
00:00:07,620 --> 00:00:12,750
We're gonna start to focus on building out the authentication portion just the authentication part of

4
00:00:12,750 --> 00:00:14,670
our ReACT application.

5
00:00:14,670 --> 00:00:19,650
Now just as we did on our last app if you do not want to build the react part of the thing that is not

6
00:00:19,650 --> 00:00:22,930
a problem whatsoever maybe you are not familiar with react.

7
00:00:22,950 --> 00:00:24,970
Maybe you just don't have any interest in the front end.

8
00:00:25,080 --> 00:00:29,340
Whatever it is if you don't want to build the react application that is OK if you don't want to build

9
00:00:29,340 --> 00:00:36,260
the react app go to the last section or last video in the section and download the zip file inside there.

10
00:00:36,300 --> 00:00:41,820
Now as a part of that section or that video but that's a file there will be some text instructions for

11
00:00:41,820 --> 00:00:43,050
you to follow.

12
00:00:43,050 --> 00:00:48,060
We're going to have to make a change or two to our Cuban 80s deployment to make this react application

13
00:00:48,060 --> 00:00:49,210
work as expected.

14
00:00:49,350 --> 00:00:54,540
And so you have to read the instructions inside of that text lecture just to understand how to make

15
00:00:54,540 --> 00:00:55,710
use of the zip file.

16
00:00:56,510 --> 00:00:56,730
OK.

17
00:00:56,760 --> 00:01:01,110
So with all that in mind if you want skip to react stuff positive you now continue on.

18
00:01:01,110 --> 00:01:05,630
Otherwise stick around and we'll have a brief discussion of this react project.

19
00:01:05,700 --> 00:01:09,740
The first we want to do is highlight the different screens that we're going to try to put together.

20
00:01:09,890 --> 00:01:15,410
We're going to implement just the authentication part so I want to build out a react application that's

21
00:01:15,410 --> 00:01:20,370
going to have a landing page of sorts like this right here when a user first comes to our app.

22
00:01:20,420 --> 00:01:24,680
We're going to show them some text that says you are not signed in and the header should have a button

23
00:01:24,710 --> 00:01:30,390
that will take the user to a sign up or a sign in page if a user clicks on sign up.

24
00:01:30,400 --> 00:01:30,820
Great.

25
00:01:30,850 --> 00:01:33,750
We'll show the sign up form if they click on sign in.

26
00:01:33,790 --> 00:01:39,650
Great will show a sign in form and then either way after a user authenticates with our application will

27
00:01:39,670 --> 00:01:42,300
then redirect them back to the landing page.

28
00:01:42,490 --> 00:01:46,270
And when they go back to the landing page we should now instead show something says you are signed in

29
00:01:46,750 --> 00:01:50,680
and we'll update the header up here as well.

30
00:01:50,690 --> 00:01:56,810
So this is going to be a pretty simple very straightforward application just meant to deal with authentication.

31
00:01:56,870 --> 00:01:59,000
Now we understand the scope of what we're building.

32
00:01:59,000 --> 00:02:02,720
Let's have a quick discussion based on the technologies we're going to use for this because remember

33
00:02:02,720 --> 00:02:07,310
we are trying to make use of server side rendering here which is going to complicate things just a little

34
00:02:07,370 --> 00:02:08,100
bit.

35
00:02:08,150 --> 00:02:10,940
So a quick pause and we'll start working on the thing in just a moment.