0
1
00:00:00,000 --> 00:00:02,541
Alright so I'm going to show
you the application that we're
1

2
00:00:02,541 --> 00:00:05,981
going to build using react and
Typescript this way you can
2

3
00:00:05,981 --> 00:00:08,781
see how we are going to use
Typescript in a react
3

4
00:00:08,781 --> 00:00:13,021
application so it's a basic
trivia application okay a quiz
4

5
00:00:13,021 --> 00:00:16,621
app so we're going to use an
API I will show you exactly
5

6
00:00:16,621 --> 00:00:19,981
which one and it's going to
provide the questions and
6

7
00:00:19,981 --> 00:00:23,741
anything that we want so here
I'm just going to set five
7

8
00:00:23,741 --> 00:00:27,021
questions then you can set a
category so there are several
8

9
00:00:27,021 --> 00:00:30,521
categories that are offered by
the API So I'm going to set
9

10
00:00:30,521 --> 00:00:34,521
mythology and finally you can
choose a difficulty. Uh so I'm
10

11
00:00:34,521 --> 00:00:37,721
going to choose easy. So when
it's going to start when I'm
11

12
00:00:37,721 --> 00:00:40,681
going to click play there will
be a timer here and I will have
12

13
00:00:40,681 --> 00:00:45,241
only 10 seconds to answer the
question. Okay? So I'm going to
13

14
00:00:45,241 --> 00:00:48,761
show you how it looks like. So
here as you can see you have
14

15
00:00:48,761 --> 00:00:51,721
the number of question that you
have answered. So for now none
15

16
00:00:51,721 --> 00:00:54,921
and it's going to be correct
when I'm going to answer a
16

17
00:00:54,921 --> 00:00:58,441
question. If by default I don't
answer and the time is out. As
17

18
00:00:58,441 --> 00:01:01,561
you can see it's going to to be
considered as a wrong answer
18

19
00:01:01,561 --> 00:01:05,001
and there will be an animation.
Okay? So I'm going to show you
19

20
00:01:05,001 --> 00:01:09,641
again. As you can see I haven't
answered yet and okay animation
20

21
00:01:09,641 --> 00:01:17,321
and it's wrong and if by chance
I answer right answer as you
21

22
00:01:17,321 --> 00:01:19,801
can see we have green animation
and as you can see it's been
22

23
00:01:19,801 --> 00:01:25,641
marked as valid the wife of
Zeus is era so I'm going to
23

24
00:01:25,641 --> 00:01:31,721
finish the footwear takes the
Greek goddess of what I guess
24

25
00:01:31,721 --> 00:01:36,441
trans no victory but luck in
the end you have the score
25

26
00:01:36,441 --> 00:01:39,481
screen displayed so it's pretty
basic you could just display
26

27
00:01:39,481 --> 00:01:44,521
how many correct answer you had
on the total of question and a
27

28
00:01:44,521 --> 00:01:49,641
custom message depending on how
good you performed and that is
28

29
00:01:49,641 --> 00:01:54,201
pretty much it okay and finally
I don't know if you noticed but
29

30
00:01:54,201 --> 00:02:00,841
when the question is answered
as soon as I answer we have the
30

31
00:02:00,841 --> 00:02:04,121
wrong answer displayed in red
and the right answer display in
31

32
00:02:04,121 --> 00:02:08,621
green and everything is
disabled okay So that's pretty
32

33
00:02:08,621 --> 00:02:11,981
much it. So let's set up our
application in the next video.
33

34
00:02:11,981 --> 00:02:15,021
See you in the next one.