1
00:00:00,360 --> 00:00:06,330
I know everyone and welcome to live and agree to this border application using the ideas, so in simple

2
00:00:06,330 --> 00:00:13,170
words, is just a countdown timer application, which provides you like a stopwatch, a countdown timer

3
00:00:13,170 --> 00:00:13,610
to devalue.

4
00:00:13,610 --> 00:00:18,680
You can add your own duration and then that countdown timer will start.

5
00:00:18,690 --> 00:00:21,650
You can also have short breaks in between.

6
00:00:21,660 --> 00:00:28,020
We have new tab for short breaks as well as well as I did another one with this, which is for the long

7
00:00:28,020 --> 00:00:28,410
breaks.

8
00:00:28,680 --> 00:00:33,180
You can just start the timer by pressing the button and you can pause it.

9
00:00:33,510 --> 00:00:37,350
So let me give you a quick demo of all the applications.

10
00:00:37,350 --> 00:00:39,960
So by default, it is set to 12 seconds.

11
00:00:40,380 --> 00:00:43,770
So let me try to speak something to enable seconds.

12
00:00:44,010 --> 00:00:48,150
So this will run until the seconds are over and then it will be stopped.

13
00:00:48,420 --> 00:00:53,170
So this is how this is going to be, and you can also bothered by this pause button.

14
00:00:53,200 --> 00:00:54,900
You can see our timer has stopped.

15
00:00:55,200 --> 00:00:58,620
And if you want to resume it again, you can just click on the start button again.

16
00:00:58,620 --> 00:01:02,850
So it will start and you can see pause are the ones.

17
00:01:02,870 --> 00:01:07,500
It is what it will set to zero and you can set your own time interval as well.

18
00:01:07,500 --> 00:01:12,990
You can go to the Settings tab and maybe you want to set up one minute to just press one.

19
00:01:13,650 --> 00:01:17,820
This is second and this is milliseconds, so you can just see set timer and you can just start.

20
00:01:18,240 --> 00:01:24,470
So you can see our timer has been successfully started and this will go on till one minute is over.

21
00:01:24,480 --> 00:01:26,640
You can pause it, you can start it.

22
00:01:26,640 --> 00:01:30,210
You can take a short break in between maybe six seconds of the short break.

23
00:01:30,510 --> 00:01:33,340
And then there is a long break of, I guess, 30 seconds.

24
00:01:33,340 --> 00:01:37,080
So let me go to the long break of 30 seconds and I will start.

25
00:01:37,360 --> 00:01:43,500
So this will go on till 30 seconds and when I go back to work, so it will start again from.

26
00:01:45,340 --> 00:01:45,910
One minute.

27
00:01:46,390 --> 00:01:54,730
So this is how it is going to be, and we'll be using react this for everything and we'll be using Context

28
00:01:54,740 --> 00:01:59,590
API to buy the data from one component to another, global context we'll be using.

29
00:02:00,430 --> 00:02:06,430
And one more important thing is that we'll be using an external package and be impacted, which is the

30
00:02:06,430 --> 00:02:07,640
real countdown timer.

31
00:02:07,690 --> 00:02:09,110
So we'll be using that.

32
00:02:09,110 --> 00:02:14,500
So we learn how to install it and how to use it and implement it in our project.

33
00:02:14,890 --> 00:02:18,310
So that is what we'll be writing the costs from scratch.

34
00:02:18,760 --> 00:02:20,290
So that is also we are going to learn.

35
00:02:20,710 --> 00:02:24,970
So I hope you all are as excited as I am, so we'll see in the next one.