Vuetify: Create an App with Vue JS & Vuex - in 5 Hours!

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. Vuetify: Create an App with Vue JS & Vuex - in 5 Hours! Udemy

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!