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

You would learn

Setting up Vue with tailwind
Design the Quiz app UI
Dynamically change classes based on conditions
Fetch data from API
  1. Create and Style the User Interface. Part 1(A)
    In this video I would cover the design part of the quiz app, using tailwind. Starting with the tailwind set up.

Source Code: https://github.com/somteacodes/quizappvue
Timestamps
0:00-0:52 What we are building
0:52-2:25 Install Vue Cli and Create Project
2:25-7:52 Install and set up Tailwind CSS
7:52-12:37 Question section
12:37-23:28 Options section
23:28-24:45 Progress section
24:45-27:02 Timer section
27:02-27:40 Score section
27:40-33:49 Top image section
33:49-34:07 Next video introduction

Twitter: https://twitter.com/somteacodes
Remember to install VueDev tools, its a browser extension, so just google it

#quiz #vue #tailwind #trivia api

Quiz App with Vue, Tailwind and Open Trivia API Part 1(A): Quiz UI Design with Tailwind
1.95 GEEK