1
00:00:00,940 --> 00:00:07,330
Hello and welcome to this project in this project, we'll see how to build a blog website from scratch

2
00:00:07,540 --> 00:00:08,590
using gadgets.

3
00:00:10,590 --> 00:00:17,820
As you can see, so this is the landing page of the website, can see your navigation bar with the Block

4
00:00:17,820 --> 00:00:18,210
Fania.

5
00:00:18,480 --> 00:00:20,760
This is going to be the title of our project blog mania.

6
00:00:21,210 --> 00:00:27,990
And since you are not logging like you're not yet logged in with Google, you can see use are not available.

7
00:00:28,230 --> 00:00:33,690
So once you log in with Google, this is so this is the Google authentication that we are going to use.

8
00:00:33,720 --> 00:00:35,290
OK, so on Syria.

9
00:00:35,310 --> 00:00:36,120
So once you log in.

10
00:00:37,930 --> 00:00:41,380
You can see grabbing all the blocks.

11
00:00:41,590 --> 00:00:43,750
By default, we have the blogs of tech.

12
00:00:43,960 --> 00:00:50,170
But if you want to, for example, if you want to see read the sports blogs, then you can have a sports

13
00:00:50,560 --> 00:00:52,870
exterior and then you can click on the button search.

14
00:00:53,860 --> 00:01:00,940
Then you can say you have seen the sports blogs related to sports football and everything this Olympics.

15
00:01:01,930 --> 00:01:06,010
So if you are like Dan with a searching, if you are like since I have.

16
00:01:07,670 --> 00:01:09,560
I logged in with Google and cancel this.

17
00:01:11,160 --> 00:01:18,150
That's why I'm not able to get my, you know, the face and name, but often get the pop up screen,

18
00:01:18,150 --> 00:01:22,320
you'll get diaries of your Google accounts present in the computer and you can use them so that the

19
00:01:22,330 --> 00:01:26,850
profile picture and the names will be available like what is the what is your Google name and everything?

20
00:01:27,090 --> 00:01:31,710
So these are these are the features that we are going to implement how to get this name using the change,

21
00:01:31,710 --> 00:01:35,070
our thought, how to implement the log in using Google authentication.

22
00:01:35,130 --> 00:01:37,380
Google not using that developer conference.

23
00:01:37,680 --> 00:01:39,840
Log in, log out all the cookies and everything.

24
00:01:39,840 --> 00:01:45,720
And using the genius API from blogs and that part the dating and everything.

25
00:01:46,170 --> 00:01:53,390
This is the whole code that your iPhone 12 will be having a blog home now about component users later

26
00:01:53,410 --> 00:01:58,950
the feature and strategies that reduce it contribution and the styling for each and every company.

27
00:01:59,370 --> 00:02:04,950
So we can see in detail like how to write the code from scratch and everything in a detailed manner.

28
00:02:05,430 --> 00:02:10,320
So before that, you can also see your.

29
00:02:11,670 --> 00:02:12,150
The.

30
00:02:13,310 --> 00:02:19,490
Things that we learn in this, like the order of items that we will do in this project are posting product

31
00:02:19,500 --> 00:02:24,590
set up, obviously that will see in the next room and then users largest features one and then the store,

32
00:02:24,800 --> 00:02:30,620
just Google authentication how to get the claim daily for that one beach component.

33
00:02:30,620 --> 00:02:31,520
Now, what component?

34
00:02:31,820 --> 00:02:34,220
Getting the API from genius using Axios.

35
00:02:35,900 --> 00:02:41,810
Axios The package will also see different packages such as Redux, JS, Toolkit React, Redux React,

36
00:02:41,810 --> 00:02:45,620
Google Login, Axios Materially White Colored Blocks component.

37
00:02:45,620 --> 00:02:47,960
Here, this is the most important thing blocks component.

38
00:02:48,480 --> 00:02:49,580
And then finally, we'll finish up.

39
00:02:49,580 --> 00:02:52,550
We'll have a quick overview of what we did in all of the first eight steps.

40
00:02:53,840 --> 00:02:56,810
The frameworks and technologies that you'll be learning our components.

41
00:02:57,230 --> 00:02:58,010
Project structure.

42
00:02:58,010 --> 00:02:58,910
Lifecycle method.

43
00:02:58,920 --> 00:02:59,900
State management.

44
00:03:00,200 --> 00:03:04,250
State management means basically how to work with components for importing and everything.

45
00:03:04,710 --> 00:03:10,880
You react, drops out and drops in a three hour electron top from a higher tree to childhood to from

46
00:03:10,880 --> 00:03:13,250
parent or child tree and all this kind of stuff.

47
00:03:13,580 --> 00:03:16,820
Material UI, core components, react hooks and everything.

48
00:03:16,970 --> 00:03:20,450
So these are the frameworks and technologies that you will be learning that you will get an I.D. on

49
00:03:20,630 --> 00:03:23,510
the hands on idea and what will do.

50
00:03:23,810 --> 00:03:30,760
So this is basically the final project that we are going to build by the end of this project.

51
00:03:31,400 --> 00:03:31,880
Videos.

52
00:03:32,720 --> 00:03:36,950
So I'm excited to start the project and I hope you are excited as well.

53
00:03:37,830 --> 00:03:40,100
In the next video, we'll get started with the project.