Quiz App with Vue, Tailwind and Open Trivia API Part 1(A): Quiz UI Design with Tailwind
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/quizap...
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: / somteacodes
Remember to install VueDev tools, its a browser extension, so just google it
Watch video Quiz App with Vue, Tailwind and Open Trivia API Part 1(A): Quiz UI Design with Tailwind online without registration, duration hours minute second in high quality. This video was added by user SomTea Codes 10 January 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 6,861 once and liked it 96 people.