Vuetify: Create an App with Vue JS & Vuex (New Course!)

In this course you'll learn how to use Vuetify, along with Vue JS & Vuex to create a gorgeous Todo app from scratch.

Vuetify is a hugely popular Vue UI Framework offering 100s of Material Design Components that can be used to create almost ANY website or app.

However, it can be difficult to get started, so in this course you'll learn how to create a beautiful, responsive app from scratch that looks great on both desktop & mobile.

You're gonna use tons of Vuetify Components such as Lists, Text Fields, Menus, Dialogs, Date Pickers, Snackbars & much more.

You'll also use Vuex to centralise the app's core data & logic, setting up State, Mutations, Actions & Getters.

You'll split your app up into Child Components, to make the project easier to manage.

In our course app, Vuetify Todo we can display a list of tasks, add tasks & mark tasks as done by tapping on them.

Each task has a Menu, with options to edit the name of a task, add due date to a task, delete a task and even an option to reorder our tasks using drag & drop.

We can even filter our tasks using an expanding search field.

You'll use Vue Router to setup Pages & Routes which can be navigated by links in the Navigation Drawer.

You're gonna store all the data in the user's browser using IndexedDB & Localbase. So even if the user closes the browser or refreshes it - all their data is maintained.

You'll test, debug & fix the app on real iOS & Android devices.

And when you're done, you'll deploy your finished app to Netlify!

[codedjango]

Is this VueJS 3.0? ...doesnt mention that anywhere

[AresWorlds]

hi danny i hope i am not bothering you with my questions but i got a error "the template root requires exactly one element" so i decided to fix that problem with making new folder and attach with routes.js but its not working
why its only 2 roots in routes.js
path: "/",

component: () => import("layouts/MainLayout.vue"),

children:
[{ path: "", component: () => }]
i want to add multiple pages but i dont know how, what must i do ?

[cloud_architector]

I probably was firs who bought it, cool course, many thanks!

[Arabian_Abomination]

Added this to my wishlist on Udemy, will purchase it after I finish learning Node JS :)

[maskman]

Hello, Danny, your channel rocks, I have a request, can you make a tutorial on building pwa with workbox, push notification, and save live / dynamic data from remote api to indexdb using localbase for complete offline access ? I know we can easily achieve this with firestore + indexdb, but in real world scenario we don't necessarily use firebase as backend, so is it possible that you make such a tutorial ? pwa has become mainstream of creating native feel, like, act app these days, and you are specialized in making mobile apps with web technologies, I think this tutorial will be very popular, what do you say ???

[MartinJaszczuk]

Poo bananas?... That's in the task list? Please realize that because of this I now have to purchase all of your courses... Oh, also because I like you and your content.

[pgmoorthy]

Nice bro, please upload any 2d animation game in quasar ☹️☹️