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, duration hours minute second in high quality that is uploaded to the channel SomTea Codes 10 January 2021. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 6,861 times and liked it 96 visitors.
