Skip to content

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

Notifications You must be signed in to change notification settings

Code-Pop/real-world-vue

Repository files navigation

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