Vue.js is a powerful, easy-to-use JavaScript framework that is component-based, just like React. This course will walk you through how to build a beautiful admin dashboard that you can use for your own data on the web. Create stunning charts, delightful animations, and powerful administrative commands. Full video tutorials: https://designcode.io/vue.
- Intro to Vue.js
- Global Styling with Sass
- Single File Components
- Dark Mode Part 1
- Dark Mode Part 2
- Animations and Transitions
- Accounts with Netlify
- Accounts with Slack
- Charts and Data Visualization
- Database with Firestore
- Lambda Functions with Netlify
Make sure that you have the Yarn installed, then install the Vue CLI:
yarn global add @vue/cliIf you have trouble with getting this project to run, please run the version of @vue/cli used in the course:
yarn global add @vue/cli@3.3.0After installing the Vue CLI, you can open the Vue Project Manager by using the following command:
vue uiNote: If you are importing this project instead of installing a new project from scratch, first run yarn in your project to install the dependencies.
yarnThen you can run the project with:
yarn serveThe Design+Code Vue.js course lives here. Start learning by creating this Web App!
Looking for more guidance? Full documentation for Vue is on their website. To see the documentation for the Vue CLL, which was used to create and configure this project, go here.
Feel free to play around with the finished website at: https://vue-hq-2.netlify.app. The username is support@designcode.io and password is 123456789.
Launch this site to Netlify by clicking below! Or go to Netlify to deploy your own project.
Feel free to ask any questions or note issues!