React and node JS project in Hindi #12 Complete Signup Flow

Поділитися
Вставка
  • Опубліковано 23 гру 2024

КОМЕНТАРІ • 62

  • @mrnabby4178
    @mrnabby4178 Рік тому +2

    Finally yeh protecttive routes or private routes ka video aa gaya.

  • @ryanmathew6397
    @ryanmathew6397 Рік тому +9

    this was one of the best explanation i have ever seen. Thank you very much for your hard work to contribute to the society. Truly appreciated. 💯💯❤❤

  • @MsAlokranjan
    @MsAlokranjan 3 роки тому +6

    Awesome Tutorials for Beginner CS Student 👍👍

  • @sharjeelfaiq16
    @sharjeelfaiq16 10 місяців тому

    Thanks for making this series.
    YOU ARE ONE OF THE BEST EXPLAINER
    Keep up the good work bro.

  • @SheetalNautiyal1
    @SheetalNautiyal1 7 місяців тому

    apki sare video jo ache se smjh mai aye hai thanks sir thanku so much

  • @deepakrock7030
    @deepakrock7030 2 місяці тому

    Great explainations❤...... keep bringing latest videos for us sir.

  • @ayushyt918
    @ayushyt918 2 роки тому +4

    Thank you thank you thank you thank you Thank you thank you thank you thank you so much

  • @nosim442
    @nosim442 5 місяців тому

    amazing explanation 💙

  • @N.LAGENT
    @N.LAGENT Місяць тому

    sir ap ne kha code ko rata na lgao jo b smjhata hn is ghr ja kr practice krna😀 sir abhi hm knsa tution ay hn jo ghr ja kr phr practice krni ha😃😄😀 by the way you are very nice teacher you make learning fun and exciting

  • @DineshSharma-ec2iu
    @DineshSharma-ec2iu Рік тому +2

    thank you very much for this tutorial

  • @himankshu
    @himankshu 2 роки тому +1

    15:10 why we used useEffect?

  • @yashingle7877
    @yashingle7877 2 роки тому +5

    Sir,
    I write localstorage syntex like this localstorage. setItem("user" , JSON. Stringify(result)); but its show value undifine in browser.
    Please explain to me, and solve my problem.
    Thanks...

  • @nawazishali274
    @nawazishali274 3 роки тому +4

    Sir plz make quickly videos on it 🙏🙏

  • @sajatahamed1802
    @sajatahamed1802 Рік тому

    Nice one good

  • @ayush1344
    @ayush1344 Рік тому

    amazing video sir

  • @ashvinpatel87
    @ashvinpatel87 2 роки тому

    you are super awsome,.,

  • @musharafali8589
    @musharafali8589 Рік тому

    local storage error solved guys.
    Actually, we were not sending response to user request which is why fetch method was unable to complete request. To fix this error, simply send a response in your api code like following:
    app.post('/register', async (req, resp)=>{
    let user = new signupModel(req.body);
    let result = await user.save();
    resp.send({
    "message": "Registration successful",
    "userId": "1234"
    }
    );
    },);
    you can see i have now send response back to user. It is necessary to send response back to client in order complete request response cycle.
    Enjoy!!

  • @jainisminsights1406
    @jainisminsights1406 Рік тому

    hello i face the issue toh store data in the localstoreage can you guide me the issue i facing is the when i delete the user in the localstorage in fill the form i can't access on oter pages and the after filling the form the data is Not store in the localstoreage

  • @bhashkarsingh6298
    @bhashkarsingh6298 2 роки тому

    you are to good sir

  • @Lieutenantsab
    @Lieutenantsab Рік тому +1

    Solution of failed to fatch:
    let data= new user(req.body);
    let result= await data.save();
    resp.send(result);
    Rest code as it is.... ❤️👍

  • @alamshaikh4358
    @alamshaikh4358 3 роки тому

    Please upload one video daily.

  • @anonymous090
    @anonymous090 9 місяців тому

    Thanks a lot :)

  • @ShamimAd-w4g
    @ShamimAd-w4g Рік тому

    when i am creating private component then one error arise Failed to execute 'setItem' on 'Storage': 2 arguments required, but only 1 present. sir please tell me why

  • @45hakimmohsin69
    @45hakimmohsin69 Рік тому

    hello sir I am facing an issue with this private component everything is working but it does not restrict pages after deleting local storage I don't know what is the problem

  • @SeeNeeplays
    @SeeNeeplays 2 роки тому +1

    Mujhe yaha Sign up wagera sb ho raha hai but LocalStorage mai object Blank Dikha raha hai to uske liye kya krna padega?

    • @ankursingh9214
      @ankursingh9214 Рік тому +1

      bhai yeh problem mujhe v ho rha h
      solution pta chla toh bta do bhai

    • @aleemsiddiqui945
      @aleemsiddiqui945 Рік тому

      I had the issue, the problem was I was using result.json instead of result.json(), the second one turns the result into json format

    • @Gaming_world002
      @Gaming_world002 Рік тому

      @@aleemsiddiqui945 Thanks bro

    • @yashpatil4358
      @yashpatil4358 Рік тому

      @benzaminbikash.19 please help me it shows blank

  • @infinitystudiosss
    @infinitystudiosss Рік тому

    How all links routing to singup page after conditions with auth explain please? Reply I'm getting confused

  • @sajidmasood9454
    @sajidmasood9454 2 роки тому +1

    There is an issue that When we fill the signup form then route change to "/" but signup not disappear until we not refresh the page.

    • @testtest-zy3lu
      @testtest-zy3lu 2 роки тому

      I am having same issue. So, did u get solution?

    • @assamjaved1444
      @assamjaved1444 2 роки тому

      Same issue..any solution

    • @siddiquerana5699
      @siddiquerana5699 Рік тому +2

      @@assamjaved1444
      import React ,{useEffect} from "react";
      import { useState } from "react";
      import { useNavigate } from "react-router-dom";
      import './signup.css';
      const SignUp = () => {
      const [name, setName] = useState(" ");
      const [email, setEmail] = useState("");
      const [password, setPassword] = useState("");
      const navigate = useNavigate();

      const collectData = async () => {
      console.warn(name, email, password);
      const result = await fetch('localhost:5000/register', {
      method: 'POST',
      body: JSON.stringify({ name, email, password }),
      headers: {
      "Content-Type": 'application/json',
      "Accept": 'application/json'
      }
      });
      const result2 = await result.json()
      console.warn(result2);
      localStorage.setItem("User", JSON.stringify(result2));
      navigate("/")
      }
      useEffect(() => {
      const userInfo = localStorage.getItem('User')
      if (userInfo){
      navigate("/")
      }
      })

      return (

      Register

      setName(N.target.value)} placeholder='Enter Name ' />
      setEmail(N.target.value)} placeholder='Enter Email' />
      setPassword(N.target.value)} placeholder='Enter Password' />
      Sign Up


      )
      }
      export default SignUp;

    • @assamjaved1444
      @assamjaved1444 Рік тому +1

      @@siddiquerana5699 Thanks for the quide line

    • @namangupta8630
      @namangupta8630 Рік тому

      @@siddiquerana5699 what is the difference between your script and video script ? i am also having this issue

  • @gopala2002
    @gopala2002 8 місяців тому

    what is the difference between useNavigate and Navigate ???

  • @Yashmangroliya-seva8
    @Yashmangroliya-seva8 10 місяців тому +1

    login kar ne ke baad product show nahi horahi he

  • @AbhishekSharma-re4ey
    @AbhishekSharma-re4ey Рік тому

    my outlet navigate is not working

  • @yashpatil4358
    @yashpatil4358 Рік тому

    it shows blank in key and pairs someone please help me to solve data is not visible in local storage

  • @Kash_24_24
    @Kash_24_24 Рік тому +1

    Video ki quality baad me dekhne pr low ho jati h sir or na hi video quality update krna ka option ata h

  • @saurav2409
    @saurav2409 2 роки тому

    wow

  • @RAVIRAJLADHA
    @RAVIRAJLADHA Рік тому

    there is no session in node,js>?

  • @Rbisht17
    @Rbisht17 Рік тому

    Trying to built same project in Angular.

  • @atulhackit
    @atulhackit 2 роки тому

    my screen iis blinking while i click on signup , why its so

  • @rpande86
    @rpande86 2 роки тому +1

    what is the link of GITHUB

    • @testtest-zy3lu
      @testtest-zy3lu 2 роки тому +1

      I am also not getting Github link. Have you got Github link now? If you got it please share here bhai.

  • @RAVIRAJLADHA
    @RAVIRAJLADHA Рік тому

    Why didnt the author used the help of session, email, password is sensitive data. ?????

  • @rithiksingh2362
    @rithiksingh2362 11 місяців тому +1

    where is git link

  • @jhs003
    @jhs003 2 роки тому +3

    if anyone got the error about failed to fetch then make sure that your backend is also working in the background at another port number...

  • @shipiron231
    @shipiron231 2 роки тому

    sir signup validation ke ho jati toh acha hota

  • @28shah
    @28shah Рік тому

    code?

  • @zoherkhomosi4971
    @zoherkhomosi4971 Рік тому

    pls share code files.....thanks

  • @SheetalNautiyal1
    @SheetalNautiyal1 7 місяців тому

    code ko ratne ke koshish mt kro 😂😂