Great video Brad! I'm glad you're keeping Vue tutorials in your mix. Also, thanks for commenting your JS as you go, it helps me not only to be thoughtful with my own comments later but also helps during those times I'm struggling to follow a new concept in your tutorials. Seeing the comments can help understand what each statement does until I see the big picture. Cheers.
Brad, I've learned an extraordinary amount watching your videos over the last few months. The segment on protecting routes was very informative, keep up the hard work!
I'm not sure if this has been addressed already or not, but at the part where we make the login method I wasn't able to use user.email in the alert. I found that I needed to use the form: user.user.email Just in case anyone watching this now is wondering what's going on with an undefined result.
Hi Brad! Your tutorials are really Awesome...! We all want to know that, how we can manage our projects. Managing in sense of documentation, proper flow of project, with diagrams and many more please make a series on it and guide us how you manage your projects. Thanks
Brad, you are a God. You have taught me so much and always have very applicable tutorials to projects i'm trying to create. This is why i go out of my way to buy your courses on Udemy. You deserve all the support. Well done.
Hello Brad, keep calm and keep the great content flowing. As a self learner, i have learned so many useful thing from you an your video's. Once i get more rounded with a full project i will have a look at your courses as i like the format, and general, lets make a project together style. I chose to comment on this video as i'm looking into security and encryption, and wondered what your thoughts on general security and encryption is. Is Java Spring security and Java web tokens a better way to go than firebase and what other cryptography methods would you recommend. Thank you again and hope this comment finds you well.
Hi Brad, Great tutorial, thank you. At 4:01, you start in test mode. Now that we've implemented Firebase Authentication in the app, it may be a good idea to go back to Database -> Cloud Firestore -> Rules and change that "allow read, write;" to "allow read, write: if request.auth != null;" firebase.google.com/docs/firestore/security/get-started#writing_rules cheers mate!
I was hoping to see how the redirect param is consumed later. I love it when sites remember where I was heading to and take me there after I have logged in.
If you want a component to rerender, you could have added a 'vbind:key' to the component and change the value of the :key when the login function is called
Hey Brad! Great tutorial but please note that if have two users application doesn't prevent looking on other users data i mean dashboard. In current state all users share same dashboard. regards
Mark Doe , mmmmnh this is strange!!! Now that I think about it, for us beginners, it's better if the man himself, Brad, give his opinion, b'se it'll be sad for us learning this tech with technical errors. Gud stuff though, but just point it out
I want to know how to do this. I want to prevent other users from seeing each other's data. Have you solve this problem? Can you share to us how did you do that? Thanks!!!!!!!!!!!!!
Thanks, but I couldn't find any tutorials(using Vue+firebase firestore) in which users have access to their own data & not the same data as another user sees. For example if it's a blog system, each user should see his/her own posts. I'll appreciate it if you make a video or give me a hint at least:)
Does anyone know how to create a collection "by hand" (not using the firebase interface) I tried on Dashboard.vue on created() using ""db.collection("employess").add({...})"" and it worked but every time I refresh the page, another equal object is generated. please help
Hi Brad! I wanted to ask you if it is possible to mix different backend languages in one project. As an example. Use php for the core code and add node js to build the chat section of the same app. Pls let me know.
Thanks, Brad, Great as always ! Guys, how to deploy a new app created with Vue? "main" github page is already used, so how to overcome this and add "/" between url and repository.
When I first load the page, and I click on the login button, it reloads the page instead of doing the login. After that, when I click on it, it works fine. Does anyone know why that happens?
great videos. i want to have two type of users access on my dashboard one is admin and other is normal user. can someone guide me how to achieve this. i am new to vue.js
Hey, this is a very good tutorial. I am stuck at a point. I am using Facebook OAuth for authentication with a popup window, so after logging in the alert says u are logged in and the user is added n firebase, but after clicking ok on the alert the page doesn't reload and it stays at login page only. It will be very helpful if any solutions are suggested. Thank you
For people that are having trouble accessing the Email of the registered user, instead of doing user.email, do user.user.email, or do this register: function() { firebase .auth() .createUserWithEmailAndPassword(this.email, this.password) .then(res => res.user) .then(user => { alert(`Account created for: ${user.email}`); }) .catch(err => { alert(err.message); }); }
I hadn't noticed this before but all of my fa-eye links take me to the employee information for the 1st employee on the list. I've made sure my Home.vue & ViewEmployee.vue files match the ones on github but it didn't help. What file do I need to be checking? Thanks
Well this won't run at all. Neither work. I've tried installing it and troubleshoot it but it'd always give me an error type Elifecycle when I run npm install.
Hi! I do have a question about firebase, when you register an user, it does go to the firebase's authentication tab, but it is not stored in the collection under database tab. Can you explain how to store those values on the collection too?
somethings you can do better like the imports from firebase. use: import firebase from "firebase/app" import "firebase/auth" // to use auth, if you are using another, import too. Or you can import in one place. firebase.auth().createUserWithEmailAndPassword(email..., password...)
Hi and thank you for the amazing tutorial. I have run into an issue, the following alert: alert(`account created for ${user.email}`) comes back as account created for undefined. For some reason it is not recognizing user. Any ideas why?
Great video Brad! I'm glad you're keeping Vue tutorials in your mix.
Also, thanks for commenting your JS as you go, it helps me not only to be thoughtful with my own comments later but also helps during those times I'm struggling to follow a new concept in your tutorials. Seeing the comments can help understand what each statement does until I see the big picture.
Cheers.
I've found this tutorial extremely useful, you've been very clear at explaining concepts in the easiest way possible. Props to you and keep going! 👌🏻
Brad, I've learned an extraordinary amount watching your videos over the last few months. The segment on protecting routes was very informative, keep up the hard work!
Dude....... your the bomb! So many Vue firebase videos trying to get it together. And then bam! Traversy!
perfect voice , perfect teacher just superb ...........thank you Brad
Please make more videos of vue.js and firebase
I love you Brad :D this is better than netflix.
I'm not sure if this has been addressed already or not, but at the part where we make the login method I wasn't able to use user.email in the alert.
I found that I needed to use the form:
user.user.email
Just in case anyone watching this now is wondering what's going on with an undefined result.
Thank you!!!
thank you for sharing this - I was wondering...
thanks. haha I wondered why I got undefined that's why I did the alert('You are logged in as ' + this.email);
hahah
I confused with that right now, thx for shearing!
@@artede1 genius bro....haha
Thank you for making this video, this is exactly what I am looking for.
Thank you, i followed the series back then and i wanted this too . Awesome content as always !
Awesome :)
Hi Brad! Your tutorials are really Awesome...!
We all want to know that, how we can manage our projects. Managing in sense of documentation, proper flow of project, with diagrams and many more please make a series on it and guide us how you manage your projects. Thanks
Man, really, thank you! I can't describe how great that things that you are doing and how much it means to me.
Brad, you are a God. You have taught me so much and always have very applicable tutorials to projects i'm trying to create. This is why i go out of my way to buy your courses on Udemy. You deserve all the support. Well done.
Hello Brad, keep calm and keep the great content flowing. As a self learner, i have learned so many useful thing from you an your video's. Once i get more rounded with a full project i will have a look at your courses as i like the format, and general, lets make a project together style. I chose to comment on this video as i'm looking into security and encryption, and wondered what your thoughts on general security and encryption is. Is Java Spring security and Java web tokens a better way to go than firebase and what other cryptography methods would you recommend. Thank you again and hope this comment finds you well.
Thank you for making these videos. So glad I found you
you saved my life bro. you are more than love
Hi Brad, Great tutorial, thank you. At 4:01, you start in test mode. Now that we've implemented Firebase Authentication in the app, it may be a good idea to go back to Database -> Cloud Firestore -> Rules and change that "allow read, write;" to "allow read, write: if request.auth != null;" firebase.google.com/docs/firestore/security/get-started#writing_rules cheers mate!
I was hoping to see how the redirect param is consumed later. I love it when sites remember where I was heading to and take me there after I have logged in.
this sir right here is an amazing teacher
Thank you so much for this video. This is exactly what I was missing in the series.
Great tutorials!!!, thanks very much, I've learned a lot!!!
New upload pops up from Traversy, "calls break time at work"
I was eagerly waiting. Thanks!
If you want a component to rerender, you could have added a 'vbind:key' to the component and change the value of the :key when the login function is called
I LOVE THIS SERIES. Love all your videos. It's so helpful.
best practice file structure with sass and external js in vue maybe?
You are Awesome Brad!
Loving the VueJS videos. keep up Brad!
Loved the video. Very nice details!
A MEAN app with Angular 5 with API integration will be just amazing in the future.
Hey Brad, nice tut, you can use Vuex to store the isLoggedIn so that the nav buttons become reactive, then you don't need to use the router.go
Why don't you add @submit.prevent="register" to a form itself instead of click to a button? You would be able to press Enter to log in.
Image Upload via Firebase Storage would be awesome!!
Perfect timing as always for my projects
Can you add in this project multi-authentication system like adding job roles field in the schema and then redirecting towards its desired role page?
Hey Brad! Great tutorial but please note that if have two users application doesn't prevent looking on other users data i mean dashboard. In current state all users share same dashboard. regards
Mark Doe , mmmmnh this is strange!!! Now that I think about it, for us beginners, it's better if the man himself, Brad, give his opinion, b'se it'll be sad for us learning this tech with technical errors.
Gud stuff though, but just point it out
I want to know how to do this. I want to prevent other users from seeing each other's data. Have you solve this problem? Can you share to us how did you do that? Thanks!!!!!!!!!!!!!
Nice work, congratulations, I follow this and the previous tutorials and I think you are making a great Job. Thank you for your time.
Thanks brad! but how can we prevent users from seeing each other's data?
You can use @click.prevent and get rid of e.preventsDefault() excelent tutorial.
thank you Brad. you are awesome
Thanks for this wonderful tutorial.
Thanks, but I couldn't find any tutorials(using Vue+firebase firestore) in which users have access to their own data & not the same data as another user sees. For example if it's a blog system, each user should see his/her own posts. I'll appreciate it if you make a video or give me a hint at least:)
Thank you for the video, Brad :)
You're welcome, thanks for watching
GREAT VIDEO BRAD!
This is really awesome! It will be better if you add vuex and role base authorization in a separate video.
Hello brad can you please make about Microservices using PHP
Please i need it to learn.
Thank you.
Hi brad ! please make a video on polling pusher authentication also. Thanks
Great tutorial Brad, can you make a video about your VS code settings,extensions and so on... thanks a lot
Can you show us how to take users their own private data, rather than everyone just going to a general dashboard, pretty please :)
that refresh route and navbar was a great shot. Can I ask how to add users level there?
What about creating a search bar. How can we filter data not just some basic text but maybe multiple conditions or maybe dates. How to do that?
Awesome tutorial! Thank you so much for the help!!
Thanks Brad ^^ I did a sails js auth if you want to take a look ?
amazing as always. thanks for the knowledge.
If you have problem today to import the firebase files add /compat/ to the url file. Ex: import firebase from firebase/compat/app
Thanks for this cours master!
Thanks you! how would I set class="active" should I add another v-if on the li in the navbar?
Great Series!
Hey man, what do you think about making course about Apache Cordrova?
Thanks Brad
Does anyone know how to create a collection "by hand" (not using the firebase interface) I tried on Dashboard.vue on created() using ""db.collection("employess").add({...})"" and it worked but every time I refresh the page, another equal object is generated. please help
Hi Brad in index.js I am getting error can not use 2 export defaault!
Hi Brad! I wanted to ask you if it is possible to mix different backend languages in one project. As an example. Use php for the core code and add node js to build the chat section of the same app. Pls let me know.
you could look into laravel and Echo its good, laracasts.com/series/get-real-with-laravel-echo
Thanks, Brad, Great as always !
Guys, how to deploy a new app created with Vue? "main" github page is already used, so how to overcome this and add "/" between url and repository.
you are awesome! I was trying to get this authentication thing for days and I couldn't. the (!app) trick help me out a lot. thanks
why employee_id is string in database?
Generally, unless you're going to be doing mathematical calculations, the numbers should be stored as strings.
can you create a video for nuxt firebase?
When I first load the page, and I click on the login button, it reloads the page instead of doing the login. After that, when I click on it, it works fine. Does anyone know why that happens?
puting the Vue instantiation inside onauthstatechanged will render your page twice..
My Vuetools stoped working after use new Vue({ ... }} inside firebase.auth().onAuthStateChanged(...) . Does anyone have a suggestion?
Thank you you are the best ! I hope you do a vue course on udemy
Thank u for this awesome video
it was awesome thank you
great videos. i want to have two type of users access on my dashboard one is admin and other is normal user. can someone guide me how to achieve this. i am new to vue.js
Thank you for sharing
Awesome video.
Hi Brad, what do you think about Dartlang?
ionic e firebase crud please
Hey, this is a very good tutorial. I am stuck at a point. I am using Facebook OAuth for authentication with a popup window, so after logging in the alert says u are logged in and the user is added n firebase, but after clicking ok on the alert the page doesn't reload and it stays at login page only. It will be very helpful if any solutions are suggested. Thank you
For people that are having trouble accessing the Email of the registered user, instead of doing user.email, do user.user.email, or do this
register: function() {
firebase
.auth()
.createUserWithEmailAndPassword(this.email, this.password)
.then(res => res.user)
.then(user => {
alert(`Account created for: ${user.email}`);
})
.catch(err => {
alert(err.message);
});
}
I hadn't noticed this before but all of my fa-eye links take me to the employee information for the 1st employee on the list. I've made sure my Home.vue & ViewEmployee.vue files match the ones on github but it didn't help. What file do I need to be checking? Thanks
Take a look at the router/index.js file on github, does it match that exactly?
Yes, the only difference is mine is named Dashboard yours is Home.
Great Tutorial!! Do you have any plan to make vuejs+laravel tutorial??
+1
is this still relavant or outdated?
Excellent!
Tip: you can use @click=""..." Instead of v-on:click="..."
Thanks so much!!
Well this won't run at all. Neither work. I've tried installing it and troubleshoot it but it'd always give me an error type Elifecycle when I run npm install.
thank you man!
How about send email reset password and redirect to my own page, sir.
Hi! I do have a question about firebase, when you register an user, it does go to the firebase's authentication tab, but it is not stored in the collection under database tab. Can you explain how to store those values on the collection too?
Hey Brad, big fan of your tutorials! Could you do some on Apollo/Graphcool or just more GraphQL videos in general?
Hi Brad thanks for the amazing work,could you do the same for the angular firestore series
somethings you can do better like the imports from firebase.
use:
import firebase from "firebase/app"
import "firebase/auth" // to use auth, if you are using another, import too. Or you can import in one place.
firebase.auth().createUserWithEmailAndPassword(email..., password...)
I love you man.
You're the man
Can you make a video about Onsen UI?
thanks :'(, you're the best
please create a udemy react course!
Hi. How this know where to go? I didn't understand.
this.$router.go({ path: this.$router.path });
MVP
Hi and thank you for the amazing tutorial. I have run into an issue, the following alert: alert(`account created for ${user.email}`) comes back as account created for undefined. For some reason it is not recognizing user. Any ideas why?
use ${user.user.email} thanks to
Clive Ward-Cron
Hello Brad nice work.. Can you please make a video on how to implement micro-service architecture in nodejs. thanks