Full Stack Web App using Vue.js & Express.js: Part 7 – Wrapping Up



Welcome to part 7 of a new series where I will create a full stack web application using Vue.js and Express.js

GitHub repo: https://github.com/codyseibert/tab-tracker

Follow Cody on Twitter: https://twitter.com/CodyLSeibert

Learn to code for free and get a developer job: https://www.freecodecamp.com

Read hundreds of articles on programming: https://medium.freecodecamp.com

source

This Post Has 30 Comments

  1. Olatunbosun Dare

    Great tutorial, I loved the debugging aspect, plus, although, quite outdated due to updated binaries, it was still fun trying to troubleshoot failures due to upgraded or depreciated binaries. As a take-home, I was able to create metas for the protected routes using the $store parameters to redirect users to the login page with a message prompting that they have to log in in order to view that resource. Fun stuff….

  2. Rishi Dusad

    Hey can you make a vedio on how to launch it on heroku?? loved the series:)

  3. This series was amazing! Thank you very much Cody. Hope you´ll continue it someday.

  4. Hosein Mirian

    good job. I ejoyed your video but the part I did not like was that you did not use a real database like mongo db and used an abstract mocked database which was really confusing. I wouldn't do that if I were you! but in overall I give you a big thumb. thanks

  5. Laurent Velez

    Excellent tutorial series. Thanks a lot, very helpful. I especially appreciated the realtime debugging part .

  6. Long Le

    awesome!!! Really help me a lot. Thanks is not enough 🙂

  7. Thanks for a very nice tutorial! Seeing you debug is nice for beginners, so I think it is value in it. The others can just fast forward a bit.

  8. Ady mou

    Great and straightforward tutorial. Still worthy in 2020.

  9. cra2yjoker

    Hi, nice tutorial..
    But I'm curious why use passport since you could write a policy to verify the access token with jwt? Wouldn't it be more simple and less dependency?

  10. Leo Valdez

    Hey Cody just watched this tutorial it was a great learning experience. Is there a tutorial too where you use google authentication during Login? If theres not hope that you can still update this tutorial on part 8

  11. Juan Sm

    Thanks man, very useful!

    You go very fast BUT that works great for me. I decide whether if I want to stop for a minute or rewind a bit. I hate slow repetitive tutorials because I can only sit and wait, and then I get distracted. This is better for me.

    I liked the debugging bits because even if I was writing right along side you, sometimes I made typos. But since I saw you debugging, I knew how to look for my errors. So that was good too.

    The only thing I'd have to say is that for someone who's just starting with these, going back and forth when you decide to go in a different way and start deleting what we wrote sometimes made me lose sight on what we were doing. Maybe a little more planning.

    Other than that, 10/10.

  12. Nhan Le

    Please continue this series on push to production and configure with sql database

  13. AliveAgain

    I'm trying to figure out how to implement "delete" functionality for items. I got the front end part working (items disappear), just can't seem to get my request part right for the backend (remove row from database). Any help would be greatly appreciated!

  14. RTW590

    He mentions that we persisted the state to local storage, but I did not find him doing this anywhere in the videos. Am I missing it somewhere or is it actually not shown in these videos?

    I checked the github file and I do see "import createPersistedState from 'vuex-persistedstate'" and some middleware in the store.js file. Is there anything else that needs to be done other than installing this package and adding this code to the store.js file?

  15. Bram Beekman

    After weeks of searching i found the way to deploy the project en get it to work with the database. For info send me a pb or mail me at brambeekman17@gmail.com

  16. Desegni Editora

    Congratulations for the tutorial! Very userful to me to start on VueJs. I spent the whole week to complete the videos instructions, but every day I got the features you've implemented working and It's very nice! Thanks.

  17. Justin Koehler

    Just completed this (late 2018). My only minor hang up was needing to pull in Sequelize.Op in the songs controller for the search query but everything else worked as it did when you posted this a year ago. This was my first experience with any front-end framework and I learned a ton. I thought it was great that you incorporated a bunch of different packages (although I don't care for Sequelize) and I did appreciate seeing you do some debugging. Great, well rounded tutorial. So over a year later, thank you!

  18. Anne Z

    It is useful to see how to debug problems. Excellent tutorials. Looking forward to part 8. Many thanks!

  19. Matrim Cauthon

    This was a good series. Watching debugging is always good. Because Express can be used to deploy to production, I'd like to see that rather than see you publish to digital ocean. I believe Vue rolls an express server during dev. Does a new one need to be rolled just to house the Vue code, or can it be combined with the server you already made? If the former, do you need to duplicate the authentication code on the new express app, or can you leaver it where it is? And what about adding TLS?

  20. learned a lot because of this series… helped me a lot to understand key structural design and concepts I needed for my graduation project 🙂 Thanks a lot from Ecuador!! 🙂

Leave a Reply