How To Make Sign In & Sign Up Form Using React JS | ReactJS Login & Registration Form

Поделиться
HTML-код
  • Опубликовано: 13 авг 2023
  • Learn How To Make Sign In & Sign Up Form Using React JS | ReactJS Login & Registration Form Tutorial For beginners
    ❤️ SUBSCRIBE: @GreatStackDev
    In this tutorial we will learn to create a sing up and sing in form using React JS. We will create to button to switch between login and registration form.
    If you are absolute beginner and starting with React JS then please checkout below react JS intro and project setup tutorial.
    👉 React Introduction Tutorial: • What Is React (React J...
    Download the assets: drive.google.com/file/d/1bLjf...
    #ReactJS #ReactJsTutorial #WebDevelopment #GreatStack
    -----------------------------------------
    Suggested Course:
    ❤️ Complete website Using HTML and CSS
    ✔️ 8 Complete website step by step
    ✔️ Source Code Download
    ✔️ 76 Lectures, 12 Hours Video
    ✔️ Course Completion certificate
    👉 easytutorialspro.com/go/course/
    -------------------------------------
    Recommended Videos:
    Learn Complete HTML and CSS from basics:
    ► • HTML And CSS Tutorial ...
    Make A Complete Website for college using HTML & CSS:
    ► • How To Make A College ...
    How to make a Business website step by step:
    ► • How To Make Website Us...
    How to make personal resume website step by step:
    ► • How To Make A Website ...
    How to make fitness website design using HTML CSS:
    ► • How To Make A Website ...
    How to make an Ecommerce Website Design:
    ► • How To Make eCommerce ...
    How to make a Job Portal website design with HTML & CSS:
    ► • How To Make Website Us...
    How to make travel website design with HTML CSS Bootstrap:
    ► • How To Make A Website ...
    -------------------------------------
    Connect with me:
    👉 linktr.ee/iamavinashkr
    Connect with GreatStack:
    Instagram: / greatstackdev
    Twitter: / greatstackdev
    Facebook: / greatstack

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

  • @georgettebeatrice4265
    @georgettebeatrice4265 3 месяца назад +7

    It’s been 5 months I started my journey as a full stack developer. I’m determined to get there. I will watch this video at least 4 times and then code along. It’s very understandable and well explained 👍🏽

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

    I was very eager to start with React, but I was not sure where to start, by this video, you just gave the courage to step ahead bro! Thanks ; )

  • @bilalhussainch.8098
    @bilalhussainch.8098 5 месяцев назад +2

    Very beginner friendly video understood everything clearly

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

    thanks a lot great stack !!
    I loved the explanation, you explained everything very well.

  • @peter0739
    @peter0739 8 месяцев назад +3

    Thank you for all the tutorial videos. Much love

  • @rexlab9035
    @rexlab9035 3 месяца назад

    Thank you, your video helped me understand React better.

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

    Thanks for making this video, you are a good instructor.

  • @gideonebubechukwu7194
    @gideonebubechukwu7194 6 месяцев назад +7

    This is very understandable and beginner Friendly. You can drop the git link for the docs

  • @PujaSingh-qg5ln
    @PujaSingh-qg5ln Месяц назад

    Easy to follow and understand. Thank you so much.

  • @user-jw7bt5fq3z
    @user-jw7bt5fq3z 2 месяца назад +1

    Thanks for this tutorial. Easy to understand. I believe one action is missing. for Click Here for Lost Password. No re-direction set for Click Here option.

  • @Meagain00
    @Meagain00 3 месяца назад +1

    Thankyou for this mini project

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

    Nice concept explanation and understands each step clearly thank you

  • @tyjjjj9730
    @tyjjjj9730 6 месяцев назад +10

    This is very beginner friendly. I began learning react two days ago and I understood everything

    • @anurodhprasai2501
      @anurodhprasai2501 5 месяцев назад

      Same I guess its bcz our js is good

    • @rutesh_98
      @rutesh_98 3 месяца назад

      bro pls tell me how to learn react in basic level

  • @learncode5110
    @learncode5110 9 месяцев назад +45

    Make it funcionality using API and local storage

  • @user-le6dt4wi9z
    @user-le6dt4wi9z 3 месяца назад

    Very nice video which is very useful for all thank you man.

  • @BlackBerry002
    @BlackBerry002 9 месяцев назад +3

    We need more project on React Js Sir

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

    Really its beginner friendly

  • @sonathevlogger
    @sonathevlogger 5 месяцев назад

    you are a great explainer🙏

  • @Nanashi-rq7lk
    @Nanashi-rq7lk 9 месяцев назад

    Nice tutorial, Your video is awesome

  • @deepak-ly3ob
    @deepak-ly3ob 3 месяца назад +1

    Amazing lecture.

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

    Thank you so much!

  • @Mushashi147
    @Mushashi147 2 дня назад

    Awesome thank you

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

    Thank You!

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

    why I have an error to import an image can u please help and explain me

  • @rockabye3248
    @rockabye3248 6 месяцев назад

    your video is excellent...👍👍👍👍

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

    Thanks

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

    Thanks a loat Dear🥰

  • @adarshgaur5094
    @adarshgaur5094 3 месяца назад +1

    thanks 🙏

  • @ABHISHEKKUMAR-wt1pw
    @ABHISHEKKUMAR-wt1pw 9 месяцев назад

    Masa aayga sir.. plz also make small MERN project

  • @kaifnazeer8063
    @kaifnazeer8063 9 месяцев назад +3

    please more react projects and especially how to create multiple pages website in react
    when i use router it show error???

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

    thanks you soo much bro

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

    ThankYou

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

    loved it nice video

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

    Love you GreatSTack

  • @user-zh4vc3nf1g
    @user-zh4vc3nf1g 8 дней назад

    This is way different then the current documentation, where they use form component.

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

    neat and clean coding also very easy to understand thankyou

  • @shabanakunju7465
    @shabanakunju7465 8 месяцев назад +5

    Sir plz post database connection

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

    Plz make video, where we store the data in mysql database of signup form

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

    sir where is the html css js code actually... is it already overwritten and cloned or we have to write new code to create in react formm...? please explain sir

  • @user-ed5xt4lx5g
    @user-ed5xt4lx5g 3 месяца назад +1

    hey
    i'm not getting this rafc function in vs code
    Please HELP !!!

  • @faizahmed5033
    @faizahmed5033 6 месяцев назад

    Good Video

  • @SohailKhan-ow6iu
    @SohailKhan-ow6iu 29 дней назад

    good work

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

    How to routing signin,login ,home,and with four crud operation in react js project

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

    Excelent!!!

  • @ahmedmustapha600
    @ahmedmustapha600 5 месяцев назад

    very interesting but, how do we get the remaining video

  • @arnab_d9
    @arnab_d9 6 месяцев назад

    thank you so much❣

  • @coding-ka-badshah
    @coding-ka-badshah 9 месяцев назад +2

    How make card some top image and working comment box and multiple people comment shown below using html css and javascript

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

    How to connect it with mongo db for database

  • @mdaman6448
    @mdaman6448 6 месяцев назад

    awesome

    • @abhinavgupta2014
      @abhinavgupta2014 6 месяцев назад

      Can you share the github link for this code.

  • @user-ht4tv9dy6g
    @user-ht4tv9dy6g 9 месяцев назад +15

    how do we connect form to database?

    • @nuhhassan8557
      @nuhhassan8557 6 месяцев назад

      Wondering this too, kinda the most important part too

  • @54-sonavanepallavi9
    @54-sonavanepallavi9 4 месяца назад +1

    please can you give the full code in description please this login-signup code

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

    Thank you please add validations for the form

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

    3p projecete reacte js sir❤

  • @kyookyooo546
    @kyookyooo546 3 месяца назад +1

    how to resize icons?

  • @udaykiranDasari-kt3fy
    @udaykiranDasari-kt3fy Месяц назад

    How to copy the images but my images is not uploaded can you say the my doubt

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

    Hi

  • @gopikagopakumar5609
    @gopikagopakumar5609 24 дня назад

    How to redirect or navigate to another page?

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

    Hello I installed node.js and then I created a folder and opened it with vscode and wrote in terminal npx create-react-app foldername but it did not go as expected,can you tell me what should I do?

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

      Boss.. Its npm -not npx*

    • @aritrilaskar629
      @aritrilaskar629 6 месяцев назад +2

      1. npx create-react-app foldername
      2. cd foldername
      3.npm start

    • @siddhantkirte7421
      @siddhantkirte7421 5 месяцев назад

      @@obadiah6146 IT WORKS WITH NPX

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

    where you take this icon email password etc can you please tell me

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

    I don't know why but it doesn't work for me even after doing everything

  • @pias-art-music
    @pias-art-music 3 дня назад

    for some reason it is not at all working for me. I don't understand the problem at all

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

    How to give validations then

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

    And also change password, and stay loggedin

  • @user-td7ne2gu7f
    @user-td7ne2gu7f 2 месяца назад +1

    how get your codes

  • @valeriagamez6904
    @valeriagamez6904 6 месяцев назад

    what does he use for the autocompletion of rfac

    • @jatin.jaglan
      @jatin.jaglan 6 месяцев назад +2

      ES7+ React/Redux/React-Native snippets
      this extension in vs code

    • @AbhishekKumar-db5ec
      @AbhishekKumar-db5ec 5 месяцев назад

      ​@@jatin.jaglan Thanks i was confused for 10 minutes at this point.

  • @somuhari1606
    @somuhari1606 5 месяцев назад

    anyone help me to solve this problem,
    the problem is in react how can i run the visual studio i gave npm start but it will run the old folder output how to solve this i dont know

  • @tejasvispute2706
    @tejasvispute2706 5 месяцев назад +1

    How the images are imported, the error being displayed is not explained, which is disappointing and has resulted in wasting too much time.

  • @AlimHAli-eg7gz
    @AlimHAli-eg7gz 4 месяца назад +1

    can you provide the code, please?

  • @RamSingh-ti8ln
    @RamSingh-ti8ln 6 месяцев назад

    where i should change the size of icons of password, user and email???

    • @642ways
      @642ways 6 месяцев назад

      hi I'm new to react, but I think you can change it in the CSS file for the LoginSignUp by changing the size in .input img, correct me if I'm wrong.

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

    Hello

  • @sahilrehman5565
    @sahilrehman5565 9 месяцев назад +2

    From scratch

  • @user-lp6hf7nc9l
    @user-lp6hf7nc9l 7 месяцев назад

    Hi user icon and email icon is showing error as not define what I need to do?

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

      import them into component

    • @RamSingh-ti8ln
      @RamSingh-ti8ln 6 месяцев назад

      @@ShubhamGhasi I am importing but the size of the icons is very large how can reduce it.

    • @ShubhamGhasi
      @ShubhamGhasi 6 месяцев назад

      @@RamSingh-ti8ln give a class to image and add width and hight property to the class

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

    How to download images

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

    Hello i dont understand this pattern in the video:
    30C13AF3EB2B2584AC3D45C84B5A90328B8C

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

    hello

  • @madikechidinma8627
    @madikechidinma8627 5 месяцев назад

    It not working how did you get the folder it is not well explained

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

    does anyone know where can i download more png icons??

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

      react icons has a lot os icons that you can import and use on your work :)

    • @mdaayan309
      @mdaayan309 6 месяцев назад

      ​@@ericacalaca2253hii one help please

  • @SAACHIPANDEY
    @SAACHIPANDEY 6 месяцев назад

    8:16

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

    How to fix npm err code enoent in the starting?

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

      copy your error and google it, you will get your answer!!

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

    Source code please

  • @ananthannadurai9292
    @ananthannadurai9292 6 месяцев назад

    Rafc code not working, what to do

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

    why you sound like another guy.. did you change your mic ?

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

      I think he sold his channal that's it change its name and sound

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

      @@motivation2change754 bruhhh that sucks

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

    This front end is good, but it makes a little bit confused, because it's just hiding the inputs ,
    Backend developers get hassle on how forms actually submitted because same name and forms on each input is the same name on login 🤯

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

    Fuck and LOL it is ust fronend there is no functionality

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

    bad teaching

  • @u.hassan5450
    @u.hassan5450 6 месяцев назад

    helpful

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

    Pls tell me how to connect database to this page