• Stars
    star
    121
  • Rank 293,924 (Top 6 %)
  • Language
    CSS
  • Created almost 8 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Source code for "The Ultimate Vue.js Developers Course"

Ultimate Vue.js Developers Course

Source code for the Ultimate Vue.js Developers Course.

Project 1: Vue.js Poster Shop

Demo

See the completed project here: http://vuejs-poster-shop.vuejsdevelopers.com/

Pre-installation

  1. Ensure Node.js >=6.4, NPM and git are installed on your system

  2. Register Oauth 2 access to the Imgur API.

    Register for OAuth 2 authorization without a callback URL. You can name your application anything you like and you don't need a callback URL. The important thing is that you get a client ID.

Installation

  1. Install this code on your local system

    1. Fork this repository (click 'Fork' button in top right corner)

    2. Clone the forked repository on your local file system

      cd /path/to/install/location
      
      git clone https://github.com/[your_username]/vuejs-poster-shop.git
      
  2. Change directory into the local clone of the repository

    cd vuejs-poster-shop
    
  3. Install dependencies

    npm install
    
  4. Create a .env file by copying the sample

    cp .env_sample .env
    

    Or for Windows:

    copy .env_sample .env
    

    Now edit the .env file and replace the IMGUR_CLIENT_ID with the client ID provided in the pre-installation

  5. Start project

    npm run start
    
  6. Your site will be available at localhost:[PORT] where PORT is whatever value is set in your .env file.

Lecture branches

Note that branches in the repo named lecture/xxx correspond to course lectures.

It's not working!

Here are some common mistakes people make, check these before filing an issue:

  • ENOENT: no such file or directory, open '.env'. You forgot to make a .env file. See step 3.
  • EADDRINUSE :::3000. You already have another application using port 3000. Either end it, or change your port to something else in the .env file to resolve the conflict e.g. 3001
  • Error: Request failed with status code 403. You didn't create an Imgur API key, or didn't paste it into your .env file. See pre-installation step 2.
  • Ensure you have a version of Node >= 6.4
node -v

Sponsors

Vue SchoolSnipcart

Support Vue.js Developers to get your logo here.