Skip to content
Repository for the Vue for Designers course ✌️
Vue JavaScript HTML CSS
Branch: master
Clone or download
thomaswang Merge pull request #13 from thomaswangio/dependabot/npm_and_yarn/mixi…

Bump mixin-deep from 1.3.1 to 1.3.2
Latest commit e04426e Aug 27, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
functions Netlify Functions Final Feb 21, 2019
public meta tags Feb 21, 2019
LICENSE Create LICENSE Feb 22, 2019 Update Apr 29, 2019
babel.config.js init Jan 22, 2019
cover.png Add files via upload Apr 21, 2019
package.json add github buttons Mar 1, 2019
yarn.lock Bump mixin-deep from 1.3.1 to 1.3.2 Aug 27, 2019


Vue.js for Designers

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:

⚡️ Course Downloads

  1. Intro to Vue.js
  2. Global Styling with Sass
  3. Single File Components
  4. Dark Mode Part 1
  5. Dark Mode Part 2
  6. Animations and Transitions
  7. Accounts with Netlify
  8. Accounts with Slack
  9. Charts and Data Visualization
  10. Database with Firestore
  11. Lambda Functions with Netlify

⚙️ Install Yarn and Vue CLI

Make sure that you have the Yarn installed, then install the Vue CLI:

yarn global add @vue/cli

If 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.0

✏️ Manage your Project from the Vue CLI GUI

After installing the Vue CLI, you can open the Vue Project Manager by using the following command:

vue ui

Note: If you are importing this project instead of installing a new project from scratch, first run yarn in your project to install the dependencies.


Then you can run the project with:

yarn serve

🎓 Learning Vue.js

The 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.

👾 Demo

Feel free to play around with the finished website at: The username is and password is 123456789.

🚀 Deploy

Launch this site to Netlify by clicking below! Or go to Netlify to deploy your own project.

Deploy to Netlify

💭 Q&A and Issues

Feel free to ask any questions or note issues!

You can’t perform that action at this time.