7. Vuetify - A Material Design Component Framework
Vuetify (a play on Vue + Beautify) is what makes your application look professional with (relatively) little code compared to the capabilities.
I describe how Vuetify is for Vue is similar to what Bootstrap is for other applications (You can use Bootstrap with Vue).
I talk about Responsive design, show an example of how the page layout changes based on size. This is what Vuetify make easy for a developer.
I show the Alert component and how it handles the styling for you.
Then I dive into some code and show how Vuetify is imported into the application. Then how it connects to Vue programmatically.
I show a location where Vuetify code is implemented in the project and how it does all the styling.
I show the code for the Vuetify toolbar and show how it shows up in the front end of the application.
I had previously shown the Vuetify Navigation Drawer in other videos.
This video is part of a playlist:
• Real Time Database with Vue.js + Vuex...
It is also part of a blog post on DedicatedManagers.com:
http://www.dedicatedmanagers.com/real...
The source code for this project is available publicly on the Dedicated Managers Github account:
https://github.com/DedicatedManagers/...
