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
Смотрите видео Quiz App with Vue, Tailwind and Open Trivia API Part 1(A): Quiz UI Design with Tailwind онлайн, длительностью часов минут секунд в хорошем качестве, которое загружено на канал SomTea Codes 10 Январь 2021. Делитесь ссылкой на видео в социальных сетях, чтобы ваши подписчики и друзья так же посмотрели это видео. Данный видеоклип посмотрели 6,861 раз и оно понравилось 96 посетителям.
