https://github.com/br3ndonland/vue-mastery-event-app
Vue.js demo app from Vue Mastery courses
https://github.com/br3ndonland/vue-mastery-event-app
vue vue-mastery vuex
Last synced: 2 months ago
JSON representation
Vue.js demo app from Vue Mastery courses
- Host: GitHub
- URL: https://github.com/br3ndonland/vue-mastery-event-app
- Owner: br3ndonland
- License: mit
- Created: 2020-03-10T17:47:31.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2022-07-27T01:08:22.000Z (almost 3 years ago)
- Last Synced: 2023-03-06T05:31:41.531Z (over 2 years ago)
- Topics: vue, vue-mastery, vuex
- Language: Vue
- Homepage: https://www.vuemastery.com/
- Size: 544 KB
- Stars: 0
- Watchers: 0
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Vue Mastery Example Event App
This is a demo app built during [Vue Mastery](https://www.vuemastery.com/) courses, [initially installed](https://github.com/br3ndonland/vue-mastery-notes/blob/master/vue-mastery-02-real-world.md#installing-the-event-app) during the [Real World Vue.js](https://www.vuemastery.com/courses/real-world-vue-js/real-world-intro) course. It is based on [Code-Pop/real-world-vue](https://github.com/Code-Pop/real-world-vue). See my companion repo [vue-mastery-notes](https://github.com/br3ndonland/vue-mastery-notes) for notes on Vue Mastery courses.
## Quickstart
```sh
# 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
```
## Real World Vue Course
| Lesson | | |
| ----------------------------- | ------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------- |
| Vue CLI | n/a | [Finished Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson2-cli-finish) |
| Optimizing your IDE | [Starting Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson3-editor-start) | [Finished Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson3-editor-finish) |
| Vue Router Basics | [Starting Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson4-routing-start) | [Finished Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson4-routing-finish) |
| Dynamic Routes & History Mode | [Starting Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson5-dynamic-routing-start) | [Finished Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson5-dynamic-routing-finish) |
| Single File Components | [Starting Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson6-sfc-start) | [Finished Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson6-sfc-finish) |
| Global Components | [Starting Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson7-global-start) | [Finished Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson7-global-finish) |
| Slots | [Starting Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson8-slots-start) | [Finished Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson8-slots-finish) |
| API Calls with Axios | [Starting Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson9-axios-start) | [Finished Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson9-axios-finish) |
## Mastering Vuex Course
| Lesson | | |
| ------------------------------- | ------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------- |
| Vuex State & Getters | [Starting Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson11-vuex-start) | [Finished Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson11-vuex-finish) |
| Vuex Mutations & Actions Part 1 | [Starting Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson12-mutations%26actions1-start) | [Finished Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson12-mutations%26actions1-finish) |
| Vuex Mutations & Actions Part 2 | [Starting Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson13-mutations%26actions2-start) | [Finished Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson13-mutations%26actions2-finish) |
| Vuex Modules | [Starting Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson14-modules-start) | [Finished Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson14-modules-finish) |
| Success & Error Notifications | [Starting Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson15-notifications-start) | [Finished Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson15-notifications-finish) |
## Next-Level Vue Course
| Lesson | | |
| ----------------------------------------- | -------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- |
| Progress Bar: Axios Interceptors | [Starting Code](https://github.com/Code-Pop/real-world-vue/releases/tag/progress-bar-start) | [Finished Code](https://github.com/Code-Pop/real-world-vue/releases/tag/progress-bar-axios-interceptors-finish) |
| Progress Bar: In-Component Route Guards | [Starting Code](https://github.com/Code-Pop/real-world-vue/releases/tag/progress-bar-start) | [Finished Code](https://github.com/Code-Pop/real-world-vue/releases/tag/progressbar-in-component-route-guard-finish) |
| Progress Bar: Global and Per-Route Guards | [Starting Code](https://github.com/Code-Pop/real-world-vue/releases/tag/progress-bar-start) | [Finished Code](https://github.com/Code-Pop/real-world-vue/releases/tag/progress-bar-global-guard) |
| Completing our Progress Bar | [Starting Code](https://github.com/Code-Pop/real-world-vue/releases/tag/progress-bar-global-guard) | [Finished Code](https://github.com/Code-Pop/real-world-vue/releases/tag/progress-bar-finished) |
| Reusable Form Components: BaseInput | [Starting Code](https://github.com/Code-Pop/real-world-vue/releases/tag/error-handling-finish) | [Finished Code](https://github.com/Code-Pop/real-world-vue/releases/tag/BaseInput-finish) |
| Reusable Form Components: BaseSelect | [Starting Code](https://github.com/Code-Pop/real-world-vue/releases/tag/BaseInput-finish) | [Finished Code](https://github.com/Code-Pop/real-world-vue/releases/tag/baseSelect-finish) |
| Reusable Form Components: BaseButton | [Starting Code](https://github.com/Code-Pop/real-world-vue/releases/tag/baseSelect-finish) | [Finished Code](https://github.com/Code-Pop/real-world-vue/releases/tag/baseButton-finish) |
| Form Validation with Vuelidate | [Starting Code](https://github.com/Code-Pop/real-world-vue/releases/tag/baseButton-finish) | [Finished Code](https://github.com/Code-Pop/real-world-vue/releases/tag/form_validation1_finish) |
| Form Validation with Vuelidate pt 2 | [Starting Code](https://github.com/Code-Pop/real-world-vue/releases/tag/form_validation1_finish) | [Finished Code](https://github.com/Code-Pop/real-world-vue/releases/tag/vuelidateP2-finish) |
| Mixins | [Starting Code](https://github.com/Code-Pop/real-world-vue/releases/tag/vuelidateP2-finish) | [Finished Code](https://github.com/Code-Pop/real-world-vue/releases/tag/mixins_finish) |
| Filters | [Starting Code](https://github.com/Code-Pop/real-world-vue/releases/tag/mixins_finish) | [Finished Code](https://github.com/Code-Pop/real-world-vue/releases/tag/filters_finish) |