Skip to content

timeholes/vuejs-poster-shop

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 58.6%
  • JavaScript 23.0%
  • HTML 18.4%