Thank you Sir, Learnt a lot from this. I was depressed earlier because that I am not learning much or don't have quite knowledge in React as per 6months exp. But this has just give me sort of confidence. Fluent way of teaching is your USP. Please create more these type of projects in React. Regards ✨🙏
Why you want use the application in 2 tab. If you want like this use local storage or some cookie option....... This video provides some basic idea for real time implementation..... Don't compare with your own requirement
Kudos to this tutorial ! Very clear and precise , I was able to understand everything compared to the other videos out there, More power keep it up Brother !
I try to get the data from the json file it will display empty object but in this json my registered data's are available,I gave the same email and password. In console it displays error 1)Failed to load resources: the server responded with a status of 404 Not (url) found. 2) Get (url) 404 (not filename found) Please reply how can I solve this errors.
Do you want to show hello with username. Then create header component globally. The username you will get once logged in that you can store local storage and use it in the header
Thank you sir , It was a great video to learn react authentication. Just have one question we are storing data into on of the json file but the admin can see the json file and can have access to users sensitive data eg: password. Could you please tell us how we can protect password or any other sensitive information in json file where we store the users registration data?
Hello again. Can you please help me in the login form. when i type the credentials that i used to register it won't navigate me to the home page. It keeps saying please enter valid username
Define use state variable , set user name from our session variable & finally bind the use state value into html control. Check the source code I Included
@@NihiraTechiees I used axios.get method insted of fetch but I'm getting not found 404 error sir... Can you give me the code using axios for authentication???
Your code is downright crappy in the sense that your API already allows retrieving user data using their username to do local verification, the problem is that it also retrieves the password password, a smart person can, when told that the password is incorrect, check the network activity and that's it. Secondly you save the user's session not with a token even if it's not the idea of the century either, but rather hard with the sessionStorage, stupidity since if a person analyses the storage of the session, he can simulate it without having to log in, it can even do it for other users, impersonating them, so think before posting your videos, it can mislead beginners looking for solutions Sincerely Mci
Mr. Mci first you should understand the difference between concept explanation and real time requirement. You are acting like security vulnerability tool. But try to understand this is just poc not a final code You are talking about token, it's just json server api man, just for learning. Regards Nihira Techiees
Thank you Sir, Learnt a lot from this. I was depressed earlier because that I am not learning much or don't have quite knowledge in React as per 6months exp. But this has just give me sort of confidence. Fluent way of teaching is your USP. Please create more these type of projects in React. Regards ✨🙏
Sure, Will make more as soon as possible
Falling short of a word in your appreciation. Thank you so much for the hard work, you put into this.
Thanks 👍
This is explained very clear content man, thank you!
Glad it was helpful!
Thanks very much sir for this awesome video its very straight forward and easy to understand
Thanks and glad to hear
you are a gem brother, nicely explained. thanks for the concept❤❤👌👌👌👌
Glad to hear👍
sessionstorage is wrong method to storage becoz its working on only single tab its worst overall.
Why you want use the application in 2 tab. If you want like this use local storage or some cookie option....... This video provides some basic idea for real time implementation..... Don't compare with your own requirement
Thank you sir, this video helped me a lot in my project.
Great👍 glad to hear
Kudos to this tutorial ! Very clear and precise , I was able to understand everything compared to the other videos out there,
More power keep it up Brother !
Sure, thanks for your valuable comments
vera lvl bro.keep going bro.just lightly slow bro.👍👍👍
Will do my level best👍
Hi Sir waiting for next vedio.
Next week
very wonderfull video thanks
Thanks
I try to get the data from the json file it will display empty object but in this json my registered data's are available,I gave the same email and password.
In console it displays error
1)Failed to load resources: the server responded with a status of 404 Not (url) found.
2) Get (url) 404 (not filename found)
Please reply how can I solve this errors.
Capital small letter check may be failure
if (Object.keys(response.data).length === 0)
if (response.data[0].password === password)
Me also
Can you please help me bro?
Caps small letters check pannunga bro
best tutorial thank you so much
Thanks
Thank you very much sir
Thanks 👍
Is there part 3? I want to ask how to make sure that once I've logged in, I can't go to "/login" anymore
Until you not clicked logout it won't go to login page
Hi sir,
How to implement session functionality if user logged in when he tries to open url in new tab it should work without asking him to login again
Use localstorage instead of session storage
Its works thank you so much
cool, what about sayinng 'hello +{username}'' how to pass the props, i still confused about this
Do you want to show hello with username.
Then create header component globally. The username you will get once logged in that you can store local storage and use it in the header
While login even if I am giving the right credentials it's. Getting like please enter valid credentials can you please help me on this?
It's case sensitive. So please check any camal case miamatch
Thank you sir , It was a great video to learn react authentication. Just have one question we are storing data into on of the json file but the admin can see the json file and can have access to users sensitive data eg: password. Could you please tell us how we can protect password or any other sensitive information in json file where we store the users registration data?
Brother json server api is kind of fake api. It's suitable for learning. Real time application we have to use standard api
@@NihiraTechiees okay sir thanks for clarification.
thx again.
Welcome
im getting error 404, on login GET request server is connected and credential are also correct
aslo i checked cases and still not working!!!!!
Debug and find where it's issue created... Could you confirm whether api working?
@@NihiraTechiees i used same of your code in this video from github
Also follow the steps I shown in that video
@@NihiraTechiees i already followed all the steps but still not working
If i don't want toast notification then how to display error message.
We can use MaterialUi alert or basic javascript alert
sir login implementation using method:POST is different from this method?
Method is our decision only. Since this json server api we cannot include any custom logic. That's why I used this get method
@@NihiraTechiees sir make real time ecommerce react project with all functionalities and using material ui
Hii I am getting data from .json file even i entered wrong data what should I do?
Please share json file and the url you used to my email
Hello again. Can you please help me in the login form. when i type the credentials that i used to register it won't navigate me to the home page. It keeps saying please enter valid username
Please check your json files whether the data is there?
Next it's case sensitive so confirm
If both please let me know
@@NihiraTechiees Still it's not working
Please share json file to email, also share screenshot of value that you provided in username and password
can you tell me about react (js,tsx) why you not use tsx?
It's kind of extension . If you too good in typescript you can go with tsx
while i am doing the register it says it cannot fetch can yu plz explain
Can you confirm your api is running?
@NihiraTechiees the query is solved... And it's running perfectly fine brother...
Thankx.... You explained it very well..
Can we call multiple json file and call it in one react app?
For login, registration and employee
Same json you can have multiple function
Hi sir i used single state like const[state,setState]=useState({ name:' ', password: ' '}];
How to fetch data for this???
You are storing object here then you have to set the value as object
@@NihiraTechiees can you give me one example sir pls ??
Se puden agregar archivos html a los archivos js, para que me lleve a esos archivos?
Yes
getting error 404, on login GET request server is connected and credential are also correct
Can you check case sensitive
getting error at 10:14
404 not found in console . fetch("url/user/(actualusername))
Can you confirm your api working in postman?
yes@@NihiraTechiees
did you get any solution?@@appcode-u3t
idha netlify deploy panni katuga bro atha jserserver db.json connect agala
JSON-SERVER is technique to create fake API (used only development or study). for deployment you should have proper API
Này bạn thân, bạn có thể giúp tôi không?. Tôi không thể chuyển đổi trang khi usenavigation đang trong vòng lặp
let me know what is your issue?
I am practicing in registration class
Please check source code link in description, please cross check
Can you confirm did you get any error?
it will display password inside json object as long as you know the username?
Yes
cool
👍
💖💖💖
🙏👍
@@NihiraTechiees hi bro can u give video for admin give permission for new register user
what changes will be made if we use the real api. Please reply
Change the api url.otherwise all same
Did U using Redux store for this project can u please tell
This video redux not covered
Can you please make video samething for redux.....
Register data not stored in db.json.
Can u help sir
Check the console is any error? Or page reloading
after login it will shoeing login failed not fetched
Can you share exception details to my mail
sir login is showing s error not fetch data
Are you using json api?
i am getting empty object error plz help me i did same as you did
Same problem.
The data is case sensitive. So provide exact value. Can you guys confirm the api working fine in swagger (without react)
Hello sir how to show user name in home page please tell
Define use state variable , set user name from our session variable & finally bind the use state value into html control.
Check the source code I Included
@@NihiraTechieesperfect
❤
🤝
Hi sir im using axios why nit working???
I hope it will work. Did you get any error?
@@NihiraTechiees I used axios.get method insted of fetch but I'm getting not found 404 error sir... Can you give me the code using axios for authentication???
Unable to fetch error sir can you just help me
Could you confirm your api is running?
If yes can you share the error got in the console
@@NihiraTechiees yeah but it saying error connection refused
Look like your service is not running, are you using json server api?
@@NihiraTechiees it is saying network error unable to fetch resource
we want css styles please provide
Please check Source code link in GitHub
I clearly checked and I create on my own
But I am getting error msg
What error?
Hi sir
yes
@@NihiraTechiees which topic u will discuss upcomming session
. Net core, angular and react I am doing Parallel.
May be my new video in .NET core.
In react next topic handling jwt token
Let's see on new year
reactjs+nodejs+mysql from scratch full stack application want bro?
Will do in future
Soured code?
Check link in description
Your code is downright crappy in the sense that your API already allows retrieving user data using their username to do local verification, the problem is that it also retrieves the password password, a smart person can, when told that the password is incorrect, check the network activity and that's it.
Secondly you save the user's session not with a token even if it's not the idea of the century either, but rather hard with the sessionStorage, stupidity since if a person analyses the storage of the session, he can simulate it without having to log in, it can even do it for other users, impersonating them, so think before posting your videos, it can mislead beginners looking for solutions
Sincerely Mci
Mr. Mci first you should understand the difference between concept explanation and real time requirement.
You are acting like security vulnerability tool. But try to understand this is just poc not a final code
You are talking about token, it's just json server api man, just for learning.
Regards
Nihira Techiees