I'm with Tracker Network. Just spent my morning figuring out where all these app registrations where coming from, and it led me back to this video! We're really happy to see so many people finding our API useful! Great tutorial, honoured to be a part of it!
One thing I would change is your choice to index into the segments array. While it is possible to do, we don't guarantee the order of that array. A stable way to accomplish the same thing would be to do: profileData.segments.find(segment => segment.type === 'overview')
To all software developers: You have just found a gem amongst youtube channels. I have spent months looking for stuff to learn from on RUclips. This channel is the best thing that has happened to you. Look at other videos on this channel, they are so well done by Brad. His voice is nice to listen to and he knows everything he is talking about and the topics are exactly what you would do on a software developer position. This channel will seriously make you top tier software developer. I cannot keep my excitement down, seriously.
Great tutorial! For anyone scratching their head over the server error when platform is changed to "Origin," it's because the "o" in the value needs to be lowercase.
Thank you Brad :) I just finished building and deploying this application. It's a really cool app and can't wait for more. I mention you on my LinkedIn post, to praise your content and personality as a content creator. You are the reason that gives me hope of becoming a web developer!
Thanks for all the good content you always post. I'm wainting for this project you mentioned about the fullstack Vue course. I've already enrolled your MERN Stack course and just loved it.
This is great, but it seems the code may be outdated. I'm getting the error 'ERR_REQUIRE_ESM for having "require" for the packages instead of "import". Having a hard time fixing this
For anyone running into issues using the the "scaffold" word to template at the 36:10 mark you might have a newer version of vetur and you should use "vue" instead. github.com/vuejs/vetur/issues/1325
THANK YOU!!! i've been wanting to learn vue and node.js - creating a project like this makes me want to LEARN and apply to my own projects moving forward!!! thanks again
I'm having some issues, I'm doing as the video, but que he gets the response in 20:56 I get error, the error is : FetchError: invalid json response body at... could anyone help?
Brad, please make a course on Vue/Vuex and Vuetify on udemy! there isnt alot of courses on that currently. your the best teacher ive ever come across as far as learning web dev! I will buy your course in a heart beat!
Just a heads up if you're having issues with Server errors or "TypeError: Only absolute URLs are supported" you have to make sure you add your TRACKER_API_URL and TRACKER_API_KEY from your config.env to your VARS Once you are in settings on heroku click Reveal Config Vars then add your TRACKER_API_KEY (Key) and your TRACKER_API_URL (key)
Hey Brad i think you could do possibly do a video on how to select an appropriate node or other package systems for a project? I've seen you do many including express and associated front end for vue, angular, react but none for why each is picked, perhaps you could setup a video and from a type of project suggest possible packages to use. Not everything is covered from a github or documentation page listed
ty this tutorial help me a lot! I've been trying to make my own tracker for a game that i like "Vainglory" but never manage to complete it but this tutorial help alot
In the profile route, where does "/api/v1/profile" come from? It's not in the docs and this is the only time you mention it in the video, even the deprecated endpoint omits any mention of the /api directory so I'm struggling to piece this together in my mind.
I've run into problems retrieving data from 1:01:11 . Getting a proxy error : "Could not proxy request /api/v1/profile/psn/BurKe93_ from localhost:8080 to localhost:5000/." Could someone please assist as I'd love to finish this project! I was assuming it was some syntax error (chubby fingers) but no :/ More experienced web dev, where are you my savior? EDIT: I can run them separately and requests are successful in POSTMAN.
Thank you for all that you do Your work is amazing and it is very much appreciated. Thank you so much for sharing. Those without the ability to pay right now cannot thank you enough.
Hi! Excelent Tutorial, I learned a lot form this, and was able to finish it. I really thank you. I just got one problem, I can not console... the error says "Unexpected console statement (no-console) at src\components\Profile.vue:80:17" any restrictions or configurations to use the console?
Hey Brad I still didn't see any of your vue.js tutorials, plan to start soon... I heard that Vue has something similar to react hooks, and vuex which is similar to redux. Which one do you use in these projects? And any recommendations for me to build my own apps? Thank you.
Brad, I just started a job as a Junior Developer. It would be awesome if you could do updated videos on babel and webpack. You have helped me so much, I will be a patreon supporter as soon as I can save up some money!
Great tutorial Brad! Just one thing, the params are passed down as props from vue router, so no need of doing this.$route.params.... you could just do this.props.platform, and you need to declare them in props section in the component. :)
What a great tutorial and what an impressive way of teaching! Well done! May I suggest something I'm struggling to find a good docs or tutorial about it please? Linking and SPA like React or Vue to a CMS like contentful or WP
Hey, brad, as always LOVED the video! I was wondering if you could do a video on advanced JS logging, like what a developer should do while developing production-level sites. Thanks
Vue and react makes us faint and angry, and we brainfade often because of the complex syntax, is there anything only react and vue can do which angular can not?
Little to nothing unless you are into JSX and personally, I feel JSX is the worst addition in any project. People loved to cr*p on PHP for having the logic and styling in a file, but because it is react suddenly it is okay again? While Vue is an amazing upgrade (and I love working with it) when you come from a react background, I never felt the explicit need to switch from Angular. Only the saddest and easily most disgruntled people still are salty about the Angular 1 to 2 changes. Project sizes will be potentially smaller than in react and vue when Ivy comes out the beta. Also, Angular got the far superior CLI. People can enjoy their superiority for not needing those, but they can't claim they are quick to develop their applications in return. Also, Angular has been using Typescript which is being adopted by Vue for their next version as well as react. If you hate library fatigue, you better avoid React. Vue is a far more complete tool than React will ever be. But Angular brings almost everything you need for web development. Also, Angular introduced me to ReactiveX and dependency injection. No chance in hell I will go back.
Failed to compile. ./src/main.js Module not found: Error: Can't resolve '/Users/xxx/Documents/development/gametrax/client/node_modules/core-js/modules/es6.array.iterator.js' in '/Users/xxx/Documents/development/gametrax/client/src'
I'm with Tracker Network. Just spent my morning figuring out where all these app registrations where coming from, and it led me back to this video! We're really happy to see so many people finding our API useful! Great tutorial, honoured to be a part of it!
One thing I would change is your choice to index into the segments array. While it is possible to do, we don't guarantee the order of that array. A stable way to accomplish the same thing would be to do: profileData.segments.find(segment => segment.type === 'overview')
@@lochwansbrough9168 Hey, Thanks for this, It's super useful to know. Tracker Network is awesome by the way :)
EVERY tutorial maker should have this level of quality. Easy to follow. Crystal clear speech. No trap music blasting in the background. Top notch.
trap produces the best codez
To all software developers: You have just found a gem amongst youtube channels. I have spent months looking for stuff to learn from on RUclips. This channel is the best thing that has happened to you. Look at other videos on this channel, they are so well done by Brad. His voice is nice to listen to and he knows everything he is talking about and the topics are exactly what you would do on a software developer position. This channel will seriously make you top tier software developer. I cannot keep my excitement down, seriously.
I never though I will see 3 of my favorite things together: programming, apex and traversy media!
The Hat Trick :)
Watching a Traversy Media video (Git Crash Course) and another notification pops up. I love this planet.
Pop up hell!
Great tutorial! For anyone scratching their head over the server error when platform is changed to "Origin," it's because the "o" in the value needs to be lowercase.
Thanks for working on Vue.js videos! Better if it's full stack.
One of the coolest full stack dev videos I've seen. good job!
Always had trouble with express hosting SPA. With this video, all the confusions are gone! Thanks brad!
1st. Great project idea!
Yikes Brad just recieved 5000 Playstation friend request.
I didn't even think of that until after :( Whatever, it's cool
If ever something should be kept as env variable!! :)
Awesome upload, excited to follow this one. Go Patriots!
Thank you Brad :) I just finished building and deploying this application. It's a really cool app and can't wait for more. I mention you on my LinkedIn post, to praise your content and personality as a content creator. You are the reason that gives me hope of becoming a web developer!
Thanks for all the good content you always post. I'm wainting for this project you mentioned about the fullstack Vue course. I've already enrolled your MERN Stack course and just loved it.
Thats so great coding and video games , Im looking foward to more videos combining the two. Keep up the good work and thank you for all the help !
Brad: "If you are on Linux you have your Linux methods. You guys know what you're doing anyway."
😂😂😂
Happy to get recognization. 🤣😘
Holy shit, it's another Linux user! Respect, brotherman!
As if I couldn’t love you more, you go and make an Apex video. Bless you
This is great, but it seems the code may be outdated. I'm getting the error 'ERR_REQUIRE_ESM for having "require" for the packages instead of "import". Having a hard time fixing this
Amazing, 1 super useful hour. Thank you!
Can you do something on PWA on next project?
This guy deserves an award...i always learn something new..thanks brad
When I looking for a vue fullstack tutorial, then this video pop up, now I'm hooked!
Thanks for this, I am at 26:00 I have tried several other gamertags but always says Profile not found?! Only works with my own for some reason?!
I think this is first ever Node vue and express course
Looking for more Vue/Express stuff! A project like your Contact Keeper from your React course would be awesome!
For anyone running into issues using the the "scaffold" word to template at the 36:10 mark you might have a newer version of vetur and you should use "vue" instead.
github.com/vuejs/vetur/issues/1325
thank you!!
@@OGgluttonoustoad Glad I could be of help. 🙂
THANK YOU!!! i've been wanting to learn vue and node.js - creating a project like this makes me want to LEARN and apply to my own projects moving forward!!! thanks again
haha you read my mind at 25:00 I was asking myself that question after taking your Javascript course on Udemy.
Thanks!
really great video, i was already using Vue.js, but learn so much more in a short video oriented application, thx a lot Brad
K love that you used postman for this project too haha. I'm currently there as a front-end intern too!
Everytime I see full stack its going to my playlist!
Great video Brad! Really enjoy using Vue (coming from Angular) especially for smaller projects
Damn I wasn't expecting this
Trav is too much
This is insane, been working on this exact project but in react for about a week now haha
i dont have the words to describe how awesome this is to me. thanks man!
I'm having some issues, I'm doing as the video, but que he gets the response in 20:56 I get error, the error is : FetchError: invalid json response body at... could anyone help?
Brad, please make a course on Vue/Vuex and Vuetify on udemy! there isnt alot of courses on that currently. your the best teacher ive ever come across as far as learning web dev! I will buy your course in a heart beat!
Just a heads up if you're having issues with Server errors or "TypeError: Only absolute URLs are supported" you have to make sure you add your TRACKER_API_URL and TRACKER_API_KEY from your config.env to your VARS
Once you are in settings on heroku click Reveal Config Vars then add your TRACKER_API_KEY (Key) and your TRACKER_API_URL (key)
thanks for the video, i started learning react a week ago ... i guess i'm switching to vue now...
Hey Brad i think you could do possibly do a video on how to select an appropriate node or other package systems for a project? I've seen you do many including express and associated front end for vue, angular, react but none for why each is picked, perhaps you could setup a video and from a type of project suggest possible packages to use. Not everything is covered from a github or documentation page listed
This is amazing, thanks Brad! I have wanted to create a League of Legends site while learning, this is incredibly helpful!
ty this tutorial help me a lot! I've been trying to make my own tracker for a game that i like "Vainglory" but never manage to complete it but this tutorial help alot
man i was searching for sth like this in your vids, thank you,
In the profile route, where does "/api/v1/profile" come from? It's not in the docs and this is the only time you mention it in the video, even the deprecated endpoint omits any mention of the /api directory so I'm struggling to piece this together in my mind.
Thank you for this example!
Question: what plugin allows you to create blocks of code, e. g. how `app.listen()` method boilerplate got auto-created?
I've run into problems retrieving data from 1:01:11 . Getting a proxy error :
"Could not proxy request /api/v1/profile/psn/BurKe93_ from localhost:8080 to localhost:5000/."
Could someone please assist as I'd love to finish this project!
I was assuming it was some syntax error (chubby fingers) but no :/
More experienced web dev, where are you my savior?
EDIT:
I can run them separately and requests are successful in POSTMAN.
I had the same issue, but realised I was trying to run 'npm run dev' from the client folder instead of the root
Great video as always Brad. Since Im already making progress with react. I will try to implement it in react as practice.
Thanks Brad... I am feeling the project. With some changes, authentication, etc , it could be the start of a portfolio piece. Nice!
Thank you for all that you do Your work is amazing and it is very much appreciated. Thank you so much for sharing. Those without the ability to pay right now cannot thank you enough.
Hi! Excelent Tutorial, I learned a lot form this, and was able to finish it. I really thank you.
I just got one problem, I can not console... the error says "Unexpected console statement (no-console) at src\components\Profile.vue:80:17" any restrictions or configurations to use the console?
Very nice video brad, well done!
Hey Brad I still didn't see any of your vue.js tutorials, plan to start soon... I heard that Vue has something similar to react hooks, and vuex which is similar to redux. Which one do you use in these projects? And any recommendations for me to build my own apps? Thank you.
Brad, I just started a job as a Junior Developer. It would be awesome if you could do updated videos on babel and webpack. You have helped me so much, I will be a patreon supporter as soon as I can save up some money!
This is an awesome project idea! Real world use case stuff is great 👍
Hello Sir....I replicated the app using angular...but after deploying to heroku I couldn't fetch the data...can you please help me
Thank you Brad, this truly was a blessing
Great tutorial Brad! Just one thing, the params are passed down as props from vue router, so no need of doing this.$route.params.... you could just do this.props.platform, and you need to declare them in props section in the component. :)
So the vue-router only creates get routes? Is there some way for creating post routes, to avoid user from accessing they by url?
What a great tutorial and what an impressive way of teaching! Well done! May I suggest something I'm struggling to find a good docs or tutorial about it please? Linking and SPA like React or Vue to a CMS like contentful or WP
I did saw the whole tutorial and it's just great, keep up the good work 👍👌🖒
Amazing and very useful video Brad, any specific reason why you don't use angular anymore for your videos?
5K uncommited github changes... *shudders*... hahahah. Great video man, this kind of stuff is much needed.
I love your teaching Mr. Brad
Hey, brad, as always LOVED the video! I was wondering if you could do a video on advanced JS logging, like what a developer should do while developing production-level sites. Thanks
Welp, looks like I'm gonna impulsively learn Vue now 😂😂😂
I'm doing the same thing right now. Been learning react for months and recently tried Vue and I'm just binging projects now hahaha
I tried using axios to get the request but for some reason it didn't work so I just stuck with node-fetch
The next level play, Love u dude
im a noob but where did he grab the link from he put behind the TRACKER_API_URL
I think I'm going to take my time with this project and use Node with React since that's what I learned in my Bootcamp.
Vue and react makes us faint and angry, and we brainfade often because of the complex syntax, is there anything only react and vue can do which angular can not?
Little to nothing unless you are into JSX and personally, I feel JSX is the worst addition in any project. People loved to cr*p on PHP for having the logic and styling in a file, but because it is react suddenly it is okay again? While Vue is an amazing upgrade (and I love working with it) when you come from a react background, I never felt the explicit need to switch from Angular. Only the saddest and easily most disgruntled people still are salty about the Angular 1 to 2 changes. Project sizes will be potentially smaller than in react and vue when Ivy comes out the beta. Also, Angular got the far superior CLI. People can enjoy their superiority for not needing those, but they can't claim they are quick to develop their applications in return. Also, Angular has been using Typescript which is being adopted by Vue for their next version as well as react. If you hate library fatigue, you better avoid React. Vue is a far more complete tool than React will ever be. But Angular brings almost everything you need for web development. Also, Angular introduced me to ReactiveX and dependency injection. No chance in hell I will go back.
When will you be releasing the new fullstack course you mentioned?
I love the idea!!! Thank you traversy
I got a problem with when I type in git add . && git commit -m 'Initial commit' it says "&& "is not a valid statement. What should I do?
Project Complete, thank you so much Brad. Please make a video on OAuth Login. (Login with Google)
This is awesome course! Love it.
This is amazing! Thanks for this. Is there any chance you are willing to do a project with Nuxt and Node?
Traverse media did a good job ❤
amazing,it's just what my expect😄
Another great video.
Are you going to remaster your 2 years old react native crash course?
Did he showed that how will he fetch data in production ?
how do you make updates to the app if the client dir is under git ignore?
Thanks Brad! You're the MAN bro.
Failed to compile.
./src/main.js
Module not found: Error: Can't resolve '/Users/xxx/Documents/development/gametrax/client/node_modules/core-js/modules/es6.array.iterator.js' in '/Users/xxx/Documents/development/gametrax/client/src'
Ha! Very cool project idea. My other love is video games, so stuff like this is really neat. Thanks!
Great video fam love the content
I can't watch Brad's videos as fast as he makes them. How is this possible?
love this! need more of these!!
Any chance you do the sam kind of project with PHP/JS?
can you do the same for league of legends they have a great api too
looking forward to the video course!
You never change the node enviroment variable for production, yet the app can access the public folder? Is there something I’m missing?
SnaBe I’m pretty sure Heroku by default has NODE_ENV set to production.
I'm building CSGO but whenever I hit api call with requested gamertag I get errors
Awesome project idea!
Thank you for the Vue project, nice combinations. When do you have time to play video games ;-) Keep broadcasting!!
thanks brad , amazing guy
Can you make in angular and node as well...
Can i make a tracker but lets say for call of duty using this format?
Can you do something with react and php
I really wanna know how to exchange data among them also using database mysqli
use laravel for your endpoint. you can search his tutorial laravel + vue then just replace vue with react.
Ahahahaha awesome, will do this when I get settled back in from my vacation. Was thinking the same thing.
After I pushed my code to GitHub, I couldn't open the "client" directory to see the inside files on GitHub. Any solution ?
One solution is changing the "client" under .gitignore to "client/node_modules". With that, you gonna just ignore the folder node_modules in client.
great video i will implement this with react-native
How can I set allowed cors to * in dotenv
1) "npm install cors" in server package
2) inlcude in server.js ->
const cors = require('cors');
app.use(cors());
Awesome video! For the next tutorial will you rebuild your real estate website with Vue and Django? = )