Alright so I'm going to show you the application that we're 1
going to build using react and Typescript this way you can 2
see how we are going to use Typescript in a react 3
application so it's a basic trivia application okay a quiz 4
app so we're going to use an API I will show you exactly 5
which one and it's going to provide the questions and 6
anything that we want so here I'm just going to set five 7
questions then you can set a category so there are several 8
categories that are offered by the API So I'm going to set 9
mythology and finally you can choose a difficulty. Uh so I'm 10
going to choose easy. So when it's going to start when I'm 11
going to click play there will be a timer here and I will have 12
only 10 seconds to answer the question. Okay? So I'm going to 13
show you how it looks like. So here as you can see you have 14
the number of question that you have answered. So for now none 15
and it's going to be correct when I'm going to answer a 16
question. If by default I don't answer and the time is out. As 17
you can see it's going to to be considered as a wrong answer 18
and there will be an animation. Okay? So I'm going to show you 19
again. As you can see I haven't answered yet and okay animation 20
and it's wrong and if by chance I answer right answer as you 21
can see we have green animation and as you can see it's been 22
marked as valid the wife of Zeus is era so I'm going to 23
finish the footwear takes the Greek goddess of what I guess 24
trans no victory but luck in the end you have the score 25
screen displayed so it's pretty basic you could just display 26
how many correct answer you had on the total of question and a 27
custom message depending on how good you performed and that is 28
pretty much it okay and finally I don't know if you noticed but 29
when the question is answered as soon as I answer we have the 30
wrong answer displayed in red and the right answer display in 31
green and everything is disabled okay So that's pretty 32
much it. So let's set up our application in the next video. 33
See you in the next one.