https://github.com/futuresea-dev/vue_admin
vue admin
https://github.com/futuresea-dev/vue_admin
admin admin-dashboard css html javascript vue vuex
Last synced: 13 days ago
JSON representation
vue admin
- Host: GitHub
- URL: https://github.com/futuresea-dev/vue_admin
- Owner: futuresea-dev
- Created: 2022-01-07T18:36:38.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-01-07T18:37:43.000Z (over 4 years ago)
- Last Synced: 2025-08-01T13:03:49.889Z (9 months ago)
- Topics: admin, admin-dashboard, css, html, javascript, vue, vuex
- Language: Vue
- Homepage:
- Size: 142 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# OpenClassrooms - Create a Web Application with Vue.js Repo
This repo contains code and boilerplate for the exercises contained in the OpenClassrooms course: [Create a Web Application with Vue.js](https://openclassrooms.com/en/courses/5664336-create-a-web-application-with-vue-js).
## Exercises
### Part 1: Build Your First Vue.js App
| Content | Begin | Solution |
| ----------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------ |
| [Chapter 2](https://openclassrooms.com/en/courses/5664336-create-a-web-application-with-vue-js/6534638-create-your-first-vue-app) | [Begin Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P1C2-Begin) | [Solution Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P1C2-Solution) |
| [Chapter 3](https://openclassrooms.com/en/courses/5664336-create-a-web-application-with-vue-js/6534766-store-and-manage-data) | [Begin Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P1C3-Begin) | [Solution Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P1C3-Solution) |
| [Chapter 4](https://openclassrooms.com/en/courses/5664336-create-a-web-application-with-vue-js/6534954-manage-common-scenarios-with-directives) | [Begin Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P1C4-Begin) | [Solution Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P1C4-Solution) |
### Part 2: Scale Your App with Vue CLI
| Content | Begin | Solution |
| ----------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------ |
| [Chapter 1](https://openclassrooms.com/en/courses/5664336-create-a-web-application-with-vue-js/6535063-create-a-new-project-with-vue-cli) | [Begin Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P2C1-Begin) | [Solution Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P2C1-Solution) |
| [Chapter 2](https://openclassrooms.com/en/courses/5664336-create-a-web-application-with-vue-js/6535144-manage-complexity-with-single-file-components) | [Begin Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P2C2-Begin) | [Solution Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P2C2-Solution) |
| [Chapter 3](https://openclassrooms.com/en/courses/5664336-create-a-web-application-with-vue-js/6535225-manage-navigation-with-vue-router) | [Begin Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P2C3-Begin) | [Solution Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P2C3-Solution) |
| [Chapter 4](https://openclassrooms.com/en/courses/5664336-create-a-web-application-with-vue-js/6535283-determine-when-your-code-should-run) | [Begin Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P2C4-Begin) | [Solution Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P2C4-Solution) |
### Part 3: Create Reusable Components in Vue.js
| Content | Begin | Solution |
| ---------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------ |
| [Chapter 1](https://openclassrooms.com/en/courses/5664336-create-a-web-application-with-vue-js/6535460-manage-styles-in-your-app) | [Begin Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P3C1-Begin) | [Solution Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P3C1-Solution) |
| [Chapter 2](https://openclassrooms.com/en/courses/5664336-create-a-web-application-with-vue-js/6535597-pass-data-between-components) | [Begin Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P3C2-Begin) | [Solution Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P3C2-Solution) |
| [Chapter 3](https://openclassrooms.com/en/courses/5664336-create-a-web-application-with-vue-js/6535686-emit-events-to-parent-components) | [Begin Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P3C3-Begin) | [Solution Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P3C3-Solution) |
| [Chapter 4](https://openclassrooms.com/en/courses/5664336-create-a-web-application-with-vue-js/6535789-create-flexible-components-using-slots) | [Begin Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P3C4-Begin) | [Solution Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P3C4-Solution) |
### Part 4: Manage Data Across Your Application with Vuex
| Content | Begin | Solution |
| ------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------ |
| [Chapter 1](https://openclassrooms.com/en/courses/5664336-create-a-web-application-with-vue-js/6535900-manage-data-across-the-entire-app) | [Begin Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P4C1-Begin) | [Solution Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P4C1-Solution) |
| [Chapter 2](https://openclassrooms.com/en/courses/5664336-create-a-web-application-with-vue-js/6535974-create-a-centralized-data-store-with-vuex) | [Begin Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P4C2-Begin) | [Solution Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P4C2-Solution) |
| [Chapter 3](https://openclassrooms.com/en/courses/5664336-create-a-web-application-with-vue-js/6536106-retrieve-data-from-vuex) | [Begin Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P4C3-Begin) | [Solution Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P4C3-Solution) |
| [Chapter 4](https://openclassrooms.com/en/courses/5664336-create-a-web-application-with-vue-js/6536349-make-changes-to-data-in-vuex) | [Begin Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P4C4-Begin) | [Solution Branch](https://github.com/OpenClassrooms-Student-Center/Vue/tree/P4C4-Solution) |
## Feedback & Questions
If you find any issues or have questions, please [create a new issue](https://github.com/OpenClassrooms-Student-Center/Vue/issues/new)!