Skip to content
Repository for the Vue for Designers course ✌️
Branch: master
Clone or download
Latest commit 2798f0b Apr 29, 2019
Permalink
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
src add some extra padding Mar 1, 2019
.gitignore init Jan 22, 2019
LICENSE Create LICENSE Feb 22, 2019
README.md Update README.md Apr 29, 2019
babel.config.js
cover.png Add files via upload Apr 21, 2019
netlify.toml Netlify Functions 2 Feb 20, 2019
package.json add github buttons Mar 1, 2019
vue.config.js Dark Mode Part 1 Jan 23, 2019
yarn.lock add github buttons Mar 1, 2019

README.md

Vue.js

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: https://designcode.io/vue.

⚡️ 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.

yarn

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: https://vue-hq.netlify.com. The username is support@designcode.io 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.