I know everyone and welcome to live and agree to this border application using the ideas, so in simple
words, is just a countdown timer application, which provides you like a stopwatch, a countdown timer
to devalue.
You can add your own duration and then that countdown timer will start.
You can also have short breaks in between.
We have new tab for short breaks as well as well as I did another one with this, which is for the long
breaks.
You can just start the timer by pressing the button and you can pause it.
So let me give you a quick demo of all the applications.
So by default, it is set to 12 seconds.
So let me try to speak something to enable seconds.
So this will run until the seconds are over and then it will be stopped.
So this is how this is going to be, and you can also bothered by this pause button.
You can see our timer has stopped.
And if you want to resume it again, you can just click on the start button again.
So it will start and you can see pause are the ones.
It is what it will set to zero and you can set your own time interval as well.
You can go to the Settings tab and maybe you want to set up one minute to just press one.
This is second and this is milliseconds, so you can just see set timer and you can just start.
So you can see our timer has been successfully started and this will go on till one minute is over.
You can pause it, you can start it.
You can take a short break in between maybe six seconds of the short break.
And then there is a long break of, I guess, 30 seconds.
So let me go to the long break of 30 seconds and I will start.
So this will go on till 30 seconds and when I go back to work, so it will start again from.
One minute.
So this is how it is going to be, and we'll be using react this for everything and we'll be using Context
API to buy the data from one component to another, global context we'll be using.
And one more important thing is that we'll be using an external package and be impacted, which is the
real countdown timer.
So we'll be using that.
So we learn how to install it and how to use it and implement it in our project.
So that is what we'll be writing the costs from scratch.
So that is also we are going to learn.
So I hope you all are as excited as I am, so we'll see in the next one.