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
-
Ensure Node.js >=6.4, NPM and git are installed on your system
-
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
-
Install this code on your local system
-
Fork this repository (click 'Fork' button in top right corner)
-
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
-
-
Change directory into the local clone of the repository
cd vuejs-poster-shop
-
Install dependencies
npm install
-
Create a
.env
file by copying the samplecp .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 -
Start project
npm run start
-
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
Support Vue.js Developers to get your logo here.