Full Stack Web App using Vue.js & Express.js: Part 1 – Intro




Welcome to part 1 of a new series where I will create a full stack web application using Vue.js and Express.js 00:00 Project description 6:35 Git Setup 17:47 Backend setup 36:40 Register page…

Original source


27 responses to “Full Stack Web App using Vue.js & Express.js: Part 1 – Intro”

  1. package.json scripts from video didn't work for me, but the following from Cody's Github package.json file did:
    "scripts": {
    "start": "nodemon src/app.js –exec "npm run lint && node"",
    "lint": "eslint src/**/*.js"
    }
    maybe will help someone

  2. Question about the npm start scripts in package.json. Why? And it doesn't work in my project.
    Changed to : "start":"npm run lint && node ./node_modules/nodemon/bin/nodemon.js src/app.js ",
    "lint":"./node_modules/.bin/eslint **/*.js"
    It works

  3. Tried a few tutorials before this must admit the video is clear and informative, first time i grasped the concept, I come from ruby/python background so javascript is challenging to me. Brilliant video

  4. Last 5 minutes of the video, I hit the register button and I get these errors:
    Uncaught (in promise) Error: Network Error
    at createError (webpack-internal:///./node_modules/axios/lib/core/createError.js:16)
    at XMLHttpRequest.handleError (webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:87)

    Can't figure out what's causing them since I'm pretty new and have no idea where I'd look to even fix the issue. What's weird is I've got all the exact same code as the guy in the video. My node server DOES NOT respond when I click the register button.

  5. Great Tutorial — it has taken me farther than anything else I've found.
    I have a .vue file being displayed but now I want to use a dialog from Vuetify to edit one row in the data. So I need to pass data into the dialog which isn't covered anywhere I can find. I'd prefer to pass an object of data into the dialog for editing than put the ID into a store, query the DB to get the required data (again) and then query again when I save on the dialog and go back to the calling page. Any thoughts??

  6. What would be the best approach to have two different html files for markup (index.html – for publicly available pages, but dashboard.html – for authorised users). Two parts of the app would use custom <head> part and maybe have some class names to body etc., therefore I would like to split those two .html markups in two different files, but where do I have to reference them, that from route /admin I have to use Admin component, which have to be autoinjected in dashboard.html file.
    Is it even possible with the setup in these tutorials?

  7. Hi! need a help. When I -> npm start in server folder, I've got this message

    npm ERR! code ELIFECYCLE
    npm ERR! errno 1
    npm ERR! server@1.0.0 start: `./node_modules/nodemon/bin/nodemon.js src/app.js –exec 'npm run lint && node'`
    npm ERR! Exit status 1
    npm ERR!
    npm ERR! Failed at the server@1.0.0 start script.
    npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

    npm ERR! A complete log of this run can be found in:
    npm ERR! C:UsersspinnAppDataRoamingnpm-cache_logs2018-03-25T09_28_38_780Z-debug.log

    What am I doing wrong ?? Thanks.

  8. Please make a vuejs course for Udemy (paid) from A to Z. You explain things very well. Everyone can code but can't teach! If you got time, please make more vuejs videos. I appreciate for your effort.

Leave a Reply