This is a demo app built during Vue Mastery courses, initially installed during the Real World Vue.js course. It is based on Code-Pop/real-world-vue. See my companion repo vue-mastery-notes for notes on Vue Mastery courses.
# clone repo
git clone path/to/repo
# install dependencies
npm i -g json-server
cd path/to/repo
npm i
# start JSON server
json-server --watch db.json --port 8081
# run app
npm run serve| 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 |
| 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 |
| 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 |