muthah/real-world-vue

The application that we build in Vue Mastery's courses starting with Real World Vue

Vue Mastery Example Event App

Following along?

We encourage you to follow the course on Vue Mastery, and code along with us. This course has tags representing the start and finish of each lesson, just in case you get stuck.

Here are the commands you’ll want handy once you have it installed. I’m assuming you already have npm installed.

To install dependencies:

    $ npm install

To run the server:

    $ npm run serve

To get json-server, which we use for our mock database (Starting on API calls with Axios)

    $ npm install -g json-server

To run the mock database

    $ json-server --watch db.json

Real World Vue Course

Lesson
Vue CLI	n/a	Finished Code
Optimizing your IDE	Starting Code	Finished Code
Vue Router Basics	Starting Code	Finished Code
Dynamic Routes & History Mode	Starting Code	Finished Code
Single File Components	Starting Code	Finished Code
Global Components	Starting Code	Finished Code
Slots	Starting Code	Finished Code
API Calls with Axios	Starting Code	Finished Code

Mastering Vuex Course

Lesson
Vuex State & Getters	Starting Code	Finished Code
Vuex Mutations & Actions Part 1	Starting Code	Finished Code
Vuex Mutations & Actions Part 2	Starting Code	Finished Code
Vuex Modules	Starting Code	Finished Code
Success & Error Notifications	Starting Code	Finished Code

Next-Level Vue Course

Lesson
Progress Bar: Axios Interceptors	Starting Code	Finished Code
Progress Bar: In-Component Route Guards	Starting Code	Finished Code
Progress Bar: Global and Per-Route Guards	Starting Code	Finished Code
Completing our Progress Bar	Starting Code	Finished Code
Reusable Form Components: BaseInput	Starting Code	Finished Code
Reusable Form Components: BaseSelect	Starting Code	Finished Code
Reusable Form Components: BaseButton	Starting Code	Finished Code
Form Validation with Vuelidate	Starting Code	Finished Code
Form Validation with Vuelidate pt 2	Starting Code	Finished Code
Mixins	Starting Code	Finished Code
Filters	Starting Code	Finished Code