Login and Signup tutorial in React JS with node ,express and mongoDB in 2024 | MERN stack tutorial

Поделиться
HTML-код
  • Опубликовано: 20 янв 2025

Комментарии • 140

  • @techywebdev
    @techywebdev  Год назад +5

    My Fiverr account : www.fiverr.com/jahid_2003

  • @yashsaundalkar658
    @yashsaundalkar658 2 месяца назад +2

    Super Bro 😁😁 Thanks and Happy Diwali 💝💥💥💣💣🎆

  • @MK-gg1ce
    @MK-gg1ce 2 года назад +16

    i have been searching for the same tutorial like you explained its very nice work appreciate it ! the only thing i would like to mention if possible you should also comment all codes of the same in description.

  • @hitensoni4375
    @hitensoni4375 16 дней назад +1

    Great tutorial

  • @TheCodeHunter
    @TheCodeHunter Год назад +2

    thanks, this helped me for my exams. I will recommend you to my friends

  • @johnmarksolomon2223
    @johnmarksolomon2223 Год назад +5

    how did u setup the mongodb compass

  • @authrevOnline
    @authrevOnline Год назад +4

    I have connected it to mongoDB compass but I am unable to locate my credential in the compass

  • @ruvimbomambinge1017
    @ruvimbomambinge1017 Год назад +1

    Awesome, liked this tutorial, Thank you

  • @ravindrasapkal1411
    @ravindrasapkal1411 Год назад +1

    thank you so much........ best tutorial on youtube..

  • @AniketRana-g6u
    @AniketRana-g6u Год назад +3

    after npm start what to write in "start" it is not working , main part youare skipping

  • @devisals
    @devisals Год назад +2

    Very helpful! I'm new to react and I still understood it!

  • @arrowbunshot9493
    @arrowbunshot9493 Год назад +4

    Dude you're doing it ,and doing it great we are here to learn so please explain with video what is await what is preventDefault etc...
    Why did you use async function instead of just a function

  • @umjapalindo4058
    @umjapalindo4058 6 месяцев назад +1

    Amazing code!! :)

  • @sahilnobitaeditz8524
    @sahilnobitaeditz8524 4 месяца назад

    How do i store cookie in frontend which is coming from baceknd after doing signup or sign in & how to i show error in frontend coming from backend

  • @coding_entertainment
    @coding_entertainment Год назад +1

    ❤ superb

  • @crunchworking3601
    @crunchworking3601 Год назад +2

    thanks bro it really helpful

  • @Rahul-wu1ig
    @Rahul-wu1ig Год назад +1

    when I am trying to run the nodemon app.js file it is running the development server, rather then getting connect to port and mongo db,,, please help.

    • @techywebdev
      @techywebdev  Год назад +1

      I think this error is due to nodemon, so nodemon is not correctly installed in your pc because you have to delete a garbage file after installing it. So make sure to do that

  • @umeriqbal1929
    @umeriqbal1929 7 месяцев назад +1

    soo much helpfull vedio❤

  • @oleaga
    @oleaga Год назад +23

    Where is the Github repository??😅

    • @kumard345
      @kumard345 Год назад +2

      Check out the description

  • @deancoding1623
    @deancoding1623 Месяц назад +1

    Thank you brother

  • @safumaster4602
    @safumaster4602 9 месяцев назад

    i have problem in signup whenever i try to signup it goes to catch error any sloution

  • @Nzemia
    @Nzemia Год назад +1

    Great, but it would be good if at the start of the video you show the demo first, then continue with the project

  • @leuldesalegn5260
    @leuldesalegn5260 4 месяца назад +1

    can someone tell me what if the database is postgres rather than mongodb

    • @techywebdev
      @techywebdev  4 месяца назад +1

      Then you have to write commands according to that postgre provider such as supabase. I will make a video soon on supabase so you can see that.

  • @JagTheRipper
    @JagTheRipper 7 месяцев назад

    Wait how do you use useNavigation in an if statement? I am getting an error that says I am not allowed to use hooks conditionally in an if statement?

  • @emir-mu1bs
    @emir-mu1bs 7 месяцев назад

    I have a question. I did not have any mongodb account and opened one so after the video I realized you kind of connected them each other. any help how can i do that

  • @ShortClips.._..
    @ShortClips.._.. 9 месяцев назад +1

    Login working successfully

  • @rakeshande449
    @rakeshande449 Год назад +3

    The login form getting logged without using password credentials

  • @informer9261
    @informer9261 2 года назад +4

    good and useful

  • @pratitigupta3331
    @pratitigupta3331 Год назад +1

    Hello, my query is whenever i try to signup or login it’s showing wrong details but I follow your code step by step totally please resolve my issue

  • @ayushashok5249
    @ayushashok5249 Год назад +1

    why is it taking me to home page on entering the wrong password??

  • @thiernodem5681
    @thiernodem5681 Год назад +1

    Thank You, very helpful

  • @ArchanaPK-p7r
    @ArchanaPK-p7r Год назад +1

    nodemon is not working its showing that not recognized as a internal and external command kindly help me

    • @techywebdev
      @techywebdev  Год назад +1

      I think this error is due to nodemon, so nodemon is not correctly installed in your pc because you have to delete a garbage file after installing it. So make sure to do that

  • @YashChandratre-tv6wm
    @YashChandratre-tv6wm Год назад +1

    I have make register page and I will write same thing but when I register new one then it will throw the exception and alert mess wrong details is triggered what can I do?

  • @rahulkarthik3831
    @rahulkarthik3831 9 месяцев назад

    I have a doubt, if we directly give "/home" it will be redirected to the home page irrespective of login , How to handle it

  • @UddhikaIshara
    @UddhikaIshara Год назад +6

    Thank you ! this is worked for me in the functional parts but it will be great you could show how you setup the mongoose and other dependencies before making data model

  • @TYCS_562_Neeraj
    @TYCS_562_Neeraj Месяц назад

    I am getting trouble to download dependency

  • @AjayChauhan-em5px
    @AjayChauhan-em5px Год назад +1

    THANK YOU SIR VERY NICE VIDEO

  • @dishantchawla5201
    @dishantchawla5201 Год назад

    overall good video to learn but use if(response.data) in place of then catch. It will make code more readable and east to understand

  • @User-083-3
    @User-083-3 9 месяцев назад

    Bro I have problem I have code in that code implement to login with email OTP and after registration verification link to send email this two logic implement that code can you help me please

  • @devisals
    @devisals Год назад +1

    One question sir, how do I prevent the user from navigating to /home if the login is not sucessful? What kind of logic can I use for it?

    • @techywebdev
      @techywebdev  Год назад +1

      It is very easy, as I show you in the video, you can just alert the user that the details are incorrect

    • @devisals
      @devisals Год назад

      @@techywebdev I found a different way through making an AuthContext component then using PrivateRouting to fix this issue. I think it is more secure that way, but what do you think?

  • @aparnabapuram5600
    @aparnabapuram5600 Год назад +1

    I am getting axios error. "unsupported protocol mongodb". how to solve this? I am not getting any answers related to this error

    • @logasubramanimanohar9208
      @logasubramanimanohar9208 Год назад

      check for the connection establishment between the mongodb and you nodejs server try setting up the mongodb properly and check once

  • @ventacode
    @ventacode Год назад +1

    Show the preview for every move, so that we can understand better, otherwise we can copy the source easily

  • @kenaa8921
    @kenaa8921 Год назад

    Im sorry but its notworkin for me idk how to connect mongo with express could u explain further?

  • @farhan-gl7si
    @farhan-gl7si Год назад

    Very nice vdeo

  • @arasuramanan
    @arasuramanan Год назад +1

    I have a mern app i am planning to insert login and signup for that project. Can you upload a video about that?

    • @techywebdev
      @techywebdev  Год назад +2

      This is also an example of mern app login form, you can use this one.

  • @sushmavasamsetti8107
    @sushmavasamsetti8107 Год назад

    Even if the email matches it's getting logged in. The password should also get matched then only it should login.

  • @MigraineX
    @MigraineX 10 месяцев назад

    great

  • @SAUMYASEJALBCE
    @SAUMYASEJALBCE Год назад +1

    where did u create mongoose and app.js file ?

  • @NikhilSingh-rx2lu
    @NikhilSingh-rx2lu 10 месяцев назад

    Try explain step by step by showing frontend form

  • @MS-hn9dk
    @MS-hn9dk Год назад

    My data is not able to go only show wrong details

  • @debiduttapanigrahi3517
    @debiduttapanigrahi3517 9 месяцев назад +6

    Helpful ❌ Errorful✅

    • @Freeefire.xvi_
      @Freeefire.xvi_ 2 месяца назад +1

      Bro it's been 7 months are you done with this ??? I need help can we contact

  • @golubhattuk01
    @golubhattuk01 Год назад

    bro it is not safe think we can directly go to home without login

  • @TheVedicWarrior
    @TheVedicWarrior Год назад

    Thank you sir

  • @naveenchander7053
    @naveenchander7053 2 года назад +1

    very nice

  • @SuryaSurya-wo4ei
    @SuryaSurya-wo4ei Год назад +2

    hii bro 3:27 how to install the dependencies...

    • @techywebdev
      @techywebdev  Год назад +2

      Just write "npm i dependancyname" in the terminal

    • @SuryaSurya-wo4ei
      @SuryaSurya-wo4ei Год назад

      @@techywebdev Thankyou bro…

  • @sujitgaikwad9511
    @sujitgaikwad9511 2 года назад +4

    Please help. I'm not able to connect to database

    • @bhaikimemes3806
      @bhaikimemes3806 Год назад

      maybe you have ipv4 change it to ipv6 maybe it will connect your db

    • @eggxecution
      @eggxecution Год назад +1

      also you need to change ng to your mongo DB password when you copy the mongo db link in env

  • @thabetnour3304
    @thabetnour3304 8 месяцев назад

    Content is very good where i can find a video to modify a profil

  • @franke3452
    @franke3452 Год назад +1

    Teach from scratch not from middle of the development !! Anyway Good job

    • @techywebdev
      @techywebdev  Год назад +2

      Sure, I will keep that in mind from now on.

  • @manpreetsingh-zg9gc
    @manpreetsingh-zg9gc Год назад +1

    I loved the ok part 🤣 ok

  • @mikz8240
    @mikz8240 11 месяцев назад

    It says missing script start

  • @aryanj4937
    @aryanj4937 Год назад

    how do u remember all this?

  • @nirbhaypatel7407
    @nirbhaypatel7407 Год назад

    How to implement designs

  • @usmanbajwa9179
    @usmanbajwa9179 Год назад

    I am having error on submit button axios error can anyone help me in this regard

  • @arasuramanan
    @arasuramanan Год назад +1

    best video for adding login to your existing projects. super Techy Web Dev. Can you also put video about jwt web token login video?

  • @marufjonmamatkulov1572
    @marufjonmamatkulov1572 Год назад +1

    can we get source code?

  • @mjtamil9556
    @mjtamil9556 Год назад +5

    mongoose connection is failed pls share the source code

  • @SensoryExplorer
    @SensoryExplorer 9 месяцев назад +1

    Ok!

  • @Thetruedeveloper
    @Thetruedeveloper Год назад

    You are not checking the password
    Login using email is valid ?

  • @Dyaa4
    @Dyaa4 Год назад +2

    ok

  • @visakh1405
    @visakh1405 Год назад

    Error unexpected use of location

  • @Silvers617
    @Silvers617 Год назад +1

    19:00 Thats insane. Why would you want to inmediatly store new data from the user if their email doesnt exist? They are not creating an account, yet you are taking their data. Lol.

    • @techywebdev
      @techywebdev  Год назад +1

      Yes I know that but it is just an example on how to make a login form

  • @himurawat5884
    @himurawat5884 7 месяцев назад

    does anyone facing CORS error?

  • @saadbenaata3382
    @saadbenaata3382 Год назад +3

    can you share the source code ?

    • @techywebdev
      @techywebdev  Год назад +2

      It is now there in description

  • @jamesperse5510
    @jamesperse5510 Год назад +1

    Okay

  • @yadav.nitin03
    @yadav.nitin03 10 месяцев назад +1

    Ok

  • @gomeztorricellygomez7808
    @gomeztorricellygomez7808 Год назад +1

    Copy your code....it only says wrong details when itry to log in or sign up.....crap tutorial

  • @mkpathan5285
    @mkpathan5285 Год назад

    backend ka to kuch bataya he nai yaar direct code pahle se he tha os me 😓

    • @techywebdev
      @techywebdev  Год назад

      Wo sirf kuch lines ka initial code hai, jise mene skip krdiya kyuki itna important nhi tha wo. Aur agar code chahiye copy krne ke liye to description me hai code.

  • @prajwal1341
    @prajwal1341 Год назад +1

    bro where is code

  • @Soutam_Das
    @Soutam_Das Год назад +1

    Share the source code please

  • @shashankchourasia4831
    @shashankchourasia4831 Год назад +1

    Bro ur spell for T is so sharp that ii caused me headache. geTTT, posTTT
    :(

    • @techywebdev
      @techywebdev  Год назад +1

      Sorry fot that but I cannot change my accent

    • @hanius5438
      @hanius5438 8 месяцев назад

      Shaming for an accent is mad, just because you hear something different, you are calling it bad, so you are a guy who has one opinion and everything else is wrong, that's why you never grow.

    • @shashankchourasia4831
      @shashankchourasia4831 8 месяцев назад

      @@hanius5438 Bro first learn english properly Your yt profile has no " feauture" :D

  • @techsupport424
    @techsupport424 Год назад

    Its not Proper.
    like first show all depene to install
    All already things u did then show how to do it
    You all already written code . make database collection. Difficult to cope.
    Difficult even if u follow this tutorial

  • @pratikshya8315
    @pratikshya8315 Год назад +1

    ok

  • @lairoyale8451
    @lairoyale8451 Год назад +1

    ‘Ok’ counter:123

  • @andraspoljak
    @andraspoljak Год назад +5

    Content is very good, but too many "ok" makes it annoying to listen...

  • @manpreetsingh-zg9gc
    @manpreetsingh-zg9gc Год назад +1

    Man you should name your channel
    Ok 🤣

  • @arupde6320
    @arupde6320 2 года назад

    be regular

  • @thanujapriyadarshane4364
    @thanujapriyadarshane4364 7 месяцев назад

    "Ok Ok Ok OK"

  • @harishbhatt7066
    @harishbhatt7066 7 месяцев назад +1

    Ok Ok ok ok ok Ok ....... 200

  • @VIPKFLOW
    @VIPKFLOW Год назад

    Peeche bache khel rahe he

  • @manpreetsingh-zg9gc
    @manpreetsingh-zg9gc Год назад

    Reply to my comments now ok 😂

  • @Doanything69
    @Doanything69 Год назад +1

    Omg stop saying “ok”

  • @MenAmongTheRuins77
    @MenAmongTheRuins77 Год назад +2

    okay

  • @studentimantha5345
    @studentimantha5345 Год назад +1

  • @devileyes4u
    @devileyes4u 11 месяцев назад +1

    okay🛕