1
00:00:00,780 --> 00:00:06,540
Hello and welcome to this parliament project, and this project will see how to build an e-commerce

2
00:00:06,540 --> 00:00:09,510
website completely from scratch using reactors.

3
00:00:11,480 --> 00:00:17,210
So what we will do first, we will set up our project to start working with React and then in the step

4
00:00:17,210 --> 00:00:22,700
to then start building the components of the website that is e-shop Ehab is the name of the e-commerce

5
00:00:22,700 --> 00:00:24,590
rep said that we are going to build on this project.

6
00:00:25,170 --> 00:00:30,590
So the components are header homepage, checkout page and then logging, which so we'll be using the

7
00:00:30,590 --> 00:00:36,740
action it took, such as user Duzer, who you stated, use EFECTO to implement functionality such as

8
00:00:36,740 --> 00:00:39,700
add to cart, remove from cart and then you will see in.

9
00:00:39,710 --> 00:00:44,870
The project will be discussing our state provider introducer concepts also, and in the step, Sharon

10
00:00:45,170 --> 00:00:51,440
will build the log in page where we can log in into the website using your username and password, and

11
00:00:51,440 --> 00:00:54,890
then this thing, the integration thing will be doing using the Firebase.

12
00:00:55,160 --> 00:00:58,310
And finally, the step nine will deploy our app using Firebase.

13
00:00:59,820 --> 00:01:04,560
So these are the frameworks and technologies that you learn in this project reactor, Alberta reactor

14
00:01:04,560 --> 00:01:07,440
currency format material you react drops.

15
00:01:07,650 --> 00:01:14,220
As I said earlier, it will be we'll be starting about state provider and producer reactor context API,

16
00:01:14,250 --> 00:01:21,300
which is very, very important concept in the act where we will see how to work with data and 6.1 using

17
00:01:21,300 --> 00:01:22,200
React status.

18
00:01:22,200 --> 00:01:26,940
As I mentioned earlier, Firebase for the integration and deploying app with Firebase under the feed

19
00:01:26,940 --> 00:01:27,480
the final.

20
00:01:27,780 --> 00:01:29,010
That said, that we are going to be.

21
00:01:30,350 --> 00:01:34,160
So this is a final episode that we are going to build our e-commerce website called E-Shop.

22
00:01:34,460 --> 00:01:36,290
So this is the now budget is the page.

23
00:01:36,740 --> 00:01:37,910
This is the checkout page.

24
00:01:37,960 --> 00:01:41,670
You can even see the items to add to your basket on your homepage.

25
00:01:42,080 --> 00:01:47,330
For example, if I'm already adding this to my basket, you can go to your basket and you can see that

26
00:01:47,330 --> 00:01:50,810
the product that we added similarly.

27
00:01:53,790 --> 00:01:58,620
You can add projects and you can see here in the U.S. shopping basket and here you can see the amount

28
00:01:58,620 --> 00:02:01,320
and the number of items getting updated dynamically.

29
00:02:01,530 --> 00:02:07,110
For example, if I remove this item from my basket, you can see that I won't be getting updated dynamically.

30
00:02:07,830 --> 00:02:09,120
So this is the beauty of react.

31
00:02:09,330 --> 00:02:12,450
We need not refresh the page every time we update the code.

32
00:02:12,690 --> 00:02:18,330
It will happen dynamically through the help of React and also when we go to sign in bed, you can see

33
00:02:18,330 --> 00:02:21,750
this beautiful sign in page where we can sign in our Creativity Shop account.

34
00:02:22,020 --> 00:02:25,500
So this thing, the process will be doing using Firebase for authentication.

35
00:02:25,740 --> 00:02:30,960
And finally, we deployed app on Firebase so that you can share the link, their friends and colleagues

36
00:02:31,380 --> 00:02:33,760
and take their review, and that's eligible.

37
00:02:34,620 --> 00:02:35,640
So we'll meet in the next three to.