1
00:00:00,460 --> 00:00:04,450
Now, let's take a look at a project that will make it so this is the quiz application that will be

2
00:00:04,450 --> 00:00:05,860
making with the help of the Act.

3
00:00:06,460 --> 00:00:11,890
And it is going to enable our users to select the number of questions that they want, as well as the

4
00:00:11,890 --> 00:00:13,960
category of questions that they would like to select.

5
00:00:14,620 --> 00:00:18,820
Apart from it, the difficulty level that the question should possess easy, medium or difficult.

6
00:00:19,210 --> 00:00:21,670
So select on easy panel and click on Start.

7
00:00:21,970 --> 00:00:27,100
Now this is going to show up a loading screen, and once we get our questions with four options, one

8
00:00:27,100 --> 00:00:28,120
can select any option.

9
00:00:28,120 --> 00:00:32,590
And if they are true, that means evacuations are correct, then we are going to get answers in a correct

10
00:00:32,590 --> 00:00:35,380
answer that this number of questions have been done correct by you.

11
00:00:35,860 --> 00:00:41,140
Now, apart from it, once all of our questions are done, that means all the specified number of questions,

12
00:00:41,140 --> 00:00:42,820
for example, 15 in this case are complete.

13
00:00:42,820 --> 00:00:46,630
We are going to get up a model screen that is going to tell us the percentage of questions that we did

14
00:00:46,630 --> 00:00:46,960
correct.

15
00:00:47,380 --> 00:00:49,570
So we have answered 13 percent of the questions correctly.

16
00:00:50,020 --> 00:00:54,370
Now the database that we are using in this particular application to get our questions is that trivia

17
00:00:54,370 --> 00:00:54,910
database.

18
00:00:55,120 --> 00:01:00,100
It is going it is a Jason free database that is going to give us questions as well as the correct options.

19
00:01:00,580 --> 00:01:05,170
And this project will be learning about react, how to parse data to react components which are not

20
00:01:05,170 --> 00:01:09,760
the direct child or the parent component and how to manage state with react.

21
00:01:10,090 --> 00:01:13,720
Now in this component, as you might have seen that we are using models.

22
00:01:13,990 --> 00:01:19,870
And for those of you who do not know what models are, so models are basically the visual messages that

23
00:01:19,870 --> 00:01:22,930
contains some vital bits of information of our state.

24
00:01:23,080 --> 00:01:28,120
And since they are not the direct child of a parent component, therefore we will be using context so

25
00:01:28,120 --> 00:01:33,320
that we can pass data to all of the other companies that are not the direct child of a parent now.

26
00:01:33,370 --> 00:01:39,820
Component context search at the top level opera, it passes data to all other components, so knowledge

27
00:01:39,820 --> 00:01:42,700
starts so that you can have a better understanding of what we are talking about.