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

You would learn

Simplify your design
To group classes /styles in Tailwind
Plan ahead for API

  1. Create and Style the User Interface. Part 1(B)
    In this video I would cover how to group styles and make the options look different by just changing one (1) class name

Source Code: https://github.com/somteacodes/quizappvue
Timestamps
0:00-0:34 What we are building
0:34-3:12 Add custom css and group class
3:12-6:39 Group classes for default option
6:39-8:55 Group classes for wrong option
8:55-10:22 Group classes for correct option
10:22-11:17 Class name cleanup
11:17-14:00 Use same option for different option state
14:00-14:15 Outro

Remember to install VueDev tools, its a browser extension, so just google it

=======Reach me=======
Twitter: https://twitter.com/somteacodes
Email: somteacodes@gmail.com

#quiz #vue #tailwind #trivia api

Quiz App with Vue, Tailwind and Open Trivia API Part 1(B):Custom Tailwind CSS Classes
1.80 GEEK