Brook  Hudson

Brook Hudson

1624885260

Quiz App with Vue 3, Tailwind and Open Trivia API Part 5: Countdown timer

Build a Quiz App with Vue and Tailwind. An intermediate level project for learning vue 3

You would learn

  1. Create a countdown timer
  2. Use countdown timer to simulate CSS animation

Source Code: https://github.com/somteacodes/quizappvue

Timestamps
0:00​-0:22​ What we are building
0:22​-1:53 How countdown timer would be implemented
1:53​-04:28​ Timer ref
04:28​​-07:25 Countdown using SetInterval

07:25​-10:00​ - Stop Countdown timer with ClearInterval
10:00-12:08 Reset Timer when a response is chosen
12:08-12:35 Outro

#quiz #vue 3 #tailwind #api

Quiz App with Vue 3, Tailwind and Open Trivia API Part 5: Countdown timer