All Projects → vuejsdevelopers → Vuejs Poster Shop

vuejsdevelopers / Vuejs Poster Shop

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

Projects that are alternatives of or similar to Vuejs Poster Shop

Vuejs Calendar
Source code for Build A Professional Vue App with Vuex & Server-Side Rendering
Stars: ✭ 100 (-13.79%)
Mutual labels:  udemy, vuejs2
Vuejs Cinema
Source code for the case-study project from the course Build A Vue.js Single-Page App with Vue Router
Stars: ✭ 101 (-12.93%)
Mutual labels:  udemy, vuejs2
Pd Select
vue components ,like ios 3D picker style,vue 3d 选择器组件,3D滚轮
Stars: ✭ 101 (-12.93%)
Mutual labels:  vuejs2
Vue Pdf
vue.js pdf viewer
Stars: ✭ 1,700 (+1365.52%)
Mutual labels:  vuejs2
Vue Gmaps
Search places and address using Google Maps API
Stars: ✭ 108 (-6.9%)
Mutual labels:  vuejs2
Generator Fountain Vue
Yeoman 'fountain' generator to start a webapp with Vue http://fountainjs.io
Stars: ✭ 104 (-10.34%)
Mutual labels:  vuejs2
Vue Mobx
😄 ⭐️ 😇 Mobx binding for Vuejs 2.
Stars: ✭ 111 (-4.31%)
Mutual labels:  vuejs2
Flutter Free Courses
The best Courses and Series about Flutter and Dart 💙 available. Totally free 🆓!
Stars: ✭ 100 (-13.79%)
Mutual labels:  udemy
Vue Clipboard2
A simple vue2 binding to clipboard.js
Stars: ✭ 1,617 (+1293.97%)
Mutual labels:  vuejs2
Vue Laravel Spa
Single Page Application made with Vue.JS2, Vue Router, Vuex and Laravel 5.6.
Stars: ✭ 107 (-7.76%)
Mutual labels:  vuejs2
Vuejs2 Laravel53 Starter
A starter template for VueJs 2.0 with Laravel 5.4
Stars: ✭ 112 (-3.45%)
Mutual labels:  vuejs2
Openlaravel
A collection of open source projects built using Laravel.
Stars: ✭ 106 (-8.62%)
Mutual labels:  vuejs2
Lichter.io
My own website and CV
Stars: ✭ 105 (-9.48%)
Mutual labels:  vuejs2
Vue Generator
A CLI generator for Vue components, views and store modules
Stars: ✭ 111 (-4.31%)
Mutual labels:  vuejs2
Vue Flashcard
Rich flashcard component for vue js 2 🎉
Stars: ✭ 114 (-1.72%)
Mutual labels:  vuejs2
Vue Ellipse Progress
A Vue.js component to create beautiful animated circular progress bars
Stars: ✭ 101 (-12.93%)
Mutual labels:  vuejs2
Vue Places
Places component is based on places.js for Vue 2.x. Turn any <input> into an address autocomplete.
Stars: ✭ 106 (-8.62%)
Mutual labels:  vuejs2
Sysmon
A B/S mode system monitor for linux (demo http://199.247.1.240:2048)
Stars: ✭ 110 (-5.17%)
Mutual labels:  vuejs2
Genvue
GenVue is a hostable, web application that lets confidential users upload and share private files. Tech stack: Net Core 2.0 + Vue.js + Vuex + OpenIddict + Vuetifyjs + EF + SQLServer/Postgress
Stars: ✭ 116 (+0%)
Mutual labels:  vuejs2
Vue Poll
A Vue.js component for voting
Stars: ✭ 115 (-0.86%)
Mutual labels:  vuejs2

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].