{"id":15034314,"url":"https://github.com/code-pop/real-world-vue","last_synced_at":"2025-05-16T06:08:13.154Z","repository":{"id":33571535,"uuid":"142076479","full_name":"Code-Pop/real-world-vue","owner":"Code-Pop","description":"The application that we build in Vue Mastery's courses starting with Real World Vue","archived":false,"fork":false,"pushed_at":"2023-09-21T11:23:24.000Z","size":980,"stargazers_count":1019,"open_issues_count":40,"forks_count":491,"subscribers_count":49,"default_branch":"master","last_synced_at":"2025-05-16T06:08:00.200Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://www.vuemastery.com","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Code-Pop.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-07-23T22:37:16.000Z","updated_at":"2025-04-29T12:55:55.000Z","dependencies_parsed_at":"2024-08-01T21:45:22.246Z","dependency_job_id":"7a28b5fb-fa4d-4773-a6f5-191e79f6f779","html_url":"https://github.com/Code-Pop/real-world-vue","commit_stats":null,"previous_names":[],"tags_count":43,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Code-Pop%2Freal-world-vue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Code-Pop%2Freal-world-vue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Code-Pop%2Freal-world-vue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Code-Pop%2Freal-world-vue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Code-Pop","download_url":"https://codeload.github.com/Code-Pop/real-world-vue/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254478193,"owners_count":22077676,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-09-24T20:24:35.130Z","updated_at":"2025-05-16T06:08:08.144Z","avatar_url":"https://github.com/Code-Pop.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vue Mastery Example Event App\n\n## Following along?\n\nWe 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.\n\nHere are the commands you’ll want handy once you have it installed. I’m assuming you already have npm installed.\n\nTo install dependencies:\n\n```\n    $ npm install\n```\n\nTo run the server:\n\n```\n    $ npm run serve\n```\n\nTo get json-server, which we use for our mock database (Starting on API calls with Axios)\n\n```\n    $ npm install -g json-server\n```\n\nTo run the mock database\n\n```\n    $ json-server --watch db.json\n```\n\n## Real World Vue Course\n\n| Lesson                        |                                                                                                        |                                                                                                         |\n| ----------------------------- | ------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------- |\n| Vue CLI                       | n/a                                                                                                    | [Finished Code](https://github.com/Code-Pop/real-world-vue/releases/tag/lesson2-cli-finish)             |\n| 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)          |\n| 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)         |\n| Dynamic Routes \u0026 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) |\n| 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)             |\n| 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)          |\n| 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)           |\n| 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)           |\n\n## Mastering Vuex Course\n\n| Lesson                          |                                                                                                              |                                                                                                               |\n| ------------------------------- | ------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------- |\n| Vuex State \u0026 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)                 |\n| Vuex Mutations \u0026 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) |\n| Vuex Mutations \u0026 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) |\n| 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)              |\n| Success \u0026 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)        |\n\n## Next-Level Vue Course\n\n| Lesson                                    |                                                                                                    |                                                                                                                      |\n| ----------------------------------------- | -------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- |\n| 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)      |\n| 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) |\n| 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)                   |\n| 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)                       |\n| 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)                            |\n| 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)                           |\n| 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)                           |\n| 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)                     |\n| 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)                          |\n| 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)                               |\n| 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)                              |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcode-pop%2Freal-world-vue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcode-pop%2Freal-world-vue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcode-pop%2Freal-world-vue/lists"}