Create Login and Registration Form In React JS (Beginner)

Поделиться
HTML-код
  • Опубликовано: 29 авг 2022
  • Lets welcome our guest tutor Judy from ‪@webdecoded‬ . Today in this tutorial, she will teach us how to create a login and registration form using react js.
    Checkout Webdecoded:
    Project Name: Create a Modern Elegan Login and Register Form on React(Beginner)
    GitHub: github.com/judygab/web-dev-pr...
    RUclips: / @webdecoded
    All Source Codes: www.buymeacoffee.com/tech2etc
    ⛔❌Do Not CLICK This Link: bit.ly/3lJLyLY
    Need any help? Join my Discord: / discord
    ⭐️ Merch ⭐️
    👕 Merchandise: tech2-etc.creator-spring.com
    If you enjoyed this video, then please please 👍LIKE and SUBSCRIBE this channel & press the bell icon for future videos.
    Thank you.
    =============
    SUPPORT ME 💪
    =============
    🎁 Support and Buy Me A Coffee for exclusive episodes, discord and more!
    www.buymeacoffee.com/tech2etc
    🎀 Donate Me By Paypal: www.paypal.com/paypalme/tech2etc
    ==========================
    Free Course to Improve Your Skills
    ==========================
    ✅ WordPress Insider:
    • WordPress Tutorial
    ✅ Learn Bootstrap With Projects:
    • Bootstrap Website Tuto...
    ✅ Web Development For Beginners:
    • Learn Web Design & Lea...
    ✅ Responsive Web Design With Projects:
    ruclips.net/user/Tech2etcpl...
    ✅ Learn JavaScript With Projects:
    • JavaScript Projects Fo...
    ✅ Learn Python With Projects:
    • Python Projects
    ===============================
    Connect with me & get daily updates👇
    ===============================
    Discord: / discord
    Instagram: / fahimulkabir.tech2etc
    Twitter: / tech2etc
    LinkedIn: / fahimulkabirchowdhury
    Group: / 14295322
    FB (Personal): / mdfahimulkabir
    FB Page: / tech2etc

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

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

    Thank you so much!! At the end I was so positively surprised how quickly you can make it look so nice O.O

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

    I'm really glad to find this kind of content. Thank you very much.

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

    What a phenomenal video…..
    I love this from my heart

  • @user-lk8xp4tt5v
    @user-lk8xp4tt5v 11 месяцев назад +1

    Simple and easy to understand. Thank u so much ma'am

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

    Simple and clear . Thank you !

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

    Great Video, Clear Explanation...

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

    thank you i just wanted the register and login functionality code soo clear thank you

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

    THANK YOU FOR SAVING OUR LIFE!

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

    Every Producer, DJ, soft Maker and writer will love tNice tutorials feature. Please encourage soft-soft to make tNice tutorials happen. Fingers

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

    Content is very good beginners.

  • @user-dj3ut1wc3p
    @user-dj3ut1wc3p Год назад +1

    hi.. react fragment does not work in my code. how do i make it work?
    i'm trying to use in 'Register component' and it shows errors

  • @norah5671
    @norah5671 Год назад +34

    great video overall, but sometimes skips steps where she changes code without showing she edited it? so just have to change it on my own because I notice it's not the same as on the screen even though Im writing exactly what you are writing, not the best react video I have followed since it's unclear and skips some steps, it's not big steps so its solvable but still confusing at times

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

    every time i implement the changes to login where we setemail my page goes blank

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

    Wonderful!! Thank you, it helped and worked perfectly! a suggestion would be to add the "show password" checkbox!

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

      Thanks!! Great Suggestion!

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

    My explorer is empty.How do u have different?

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

    Thank you 💜

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

    Great tutorial. I'm a lot more familiar with react now (:

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

      thank you!

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

      teach me react in easier way

  • @usamaali-gd6pi
    @usamaali-gd6pi Год назад

    thanks mam I can create user name form its difficult but I can understand
    🙂

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

    when did she create the function onFormSwitch? at the minite 18:30 she her page is working but when i try the terminal says the next line:
    "caught TypeError: props.onFormSwitch is not a function"

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

      Make sure you have a space between the "{toggleForm}" And the "/>" like this: {toggleForm} />

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

    Thank you very much.

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

    you got me in the first half not gonna lie....

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

    Loved it

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

    I learned a lot of stuff

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

    Thank you🥰

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

    Very bueno video, mi entender much!

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

    Como vocês resolveram o erro do onFormSwitch?

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

    my code is showing the interface twice next to eachother, any suggestions?

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

    Thank you

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

    How do you implement bootstrap in this

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

    Em....when we finished to compose how to get it out ?

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

    the terminal is not small anymore ?

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

    Tech would you make a Video on Hotel Management System

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

    error regarding gapi ??
    explain what is that ?

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

    How can I integrate Firebase Auth with this?

  • @magatsu82
    @magatsu82 10 месяцев назад +1

    But this does not work, it's only the UI, is just a form ;_____;

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

    It wasn't bad but I expected in this video we send our data to a third-party API.

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

    I get error "src/Register.jsx
    Line 23:26: 'props' is not defined no-undef"

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

    you can teach me how to hover this button login

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

    perform along with backend plzz

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

    tried using it, it didn't work it keeps telling me that setState is undefined and i don't know what to do the code is exactly like in the video

  • @maan.patel.8808
    @maan.patel.8808 Год назад

    softING AROUND THE BUSH

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

    I am missing videos made by you only...

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

      New videos are coming soon.

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

    how to redirect register to login form plss hlp mee

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

    put the softs on the play them back to myself lol..

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

    Stock market prediction app please
    My project on this app

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

    i love you

  • @Novaprod-jn4kq
    @Novaprod-jn4kq Год назад

    Simplicity soft

  • @s7s_space
    @s7s_space Год назад +9

    it's just a UI ! where is the code for functionality of auth ?!

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

      This was just the tutorial to build the forms, authentication functionality is on my channel: ruclips.net/video/Vv_Oi7zPPTw/видео.html

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

      @@webdecodedPerfect. That’s perfect for readability and understanding the different parts of how react works. A lot of tutorials use like 2 hours of video to do the whole backend frontend and server code and you have to refer back to minute fucking 45 to fix the error in 1:23:45. Thank u sm

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

    were is the girl of the illustatrion !!!!

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

    no functions just Ui

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

      please check the authentication itself here: ruclips.net/video/Vv_Oi7zPPTw/видео.html

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

    Plss

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

    bon ca va elle vient apres

  • @user-lu8vl6jw8q
    @user-lu8vl6jw8q Год назад

    you don't use setName finally

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

    w/o code is usless

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

    Your voice is too high pitch
    But good video 🌸

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

    onChange={(e) => setPass(e.target.value)} what is this for?

    • @noname-xl1jx
      @noname-xl1jx Год назад

      для того чтобы в e передать значение инпута, сделали не очень хорошо в видео обычно значение через props прокидывают

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

    project aced. gracias

  • @Joycemideva-mr5qm
    @Joycemideva-mr5qm 10 месяцев назад +1