An open API service indexing awesome lists of open source software.

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

Awesome Lists containing this project

README

        

# Vue Mastery Example Event App

![Install, build, format, and test](https://github.com/br3ndonland/vue-mastery-event-app/workflows/Install,%20build,%20format,%20and%20test/badge.svg)

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) |