Channel: Geeky Shows

Category: Education

Tags: react navigationreact js loignreact jsdomreact js auth uimaterial uireact routergeeky showsreact js authenticationreactreact js registrationreact nativejavascriptreact js reset passwordreact js change passwordgeekyshows

Description: React JS Authentication and Dashboard UI Hindi 00:00:00 Project Demo 00:06:30 Create React JS Project 00:07:55 Run Project 00:08:04 Remove Unneccessary File and Code 00:09:31 Installing React Router 00:10:28 Installing Material UI 00:12:05 Creating Layout Page 00:13:20 Creating Navbar Page 00:15:10 Route for Layout Page 00:16:40 Creating Home Page 00:17:35 Creating Contact Page 00:18:24 Nested Route 00:18:40 Route for Home Page 00:21:09 Route for Contact Page 00:22:38 Home Page 00:23:50 Contact Page 00:24:44 Navbar 00:33:20 Creating LoginReg Page 00:34:20 Route for LoginReg Page 00:35:08 NavLink for LoginReg Page 00:36:56 Image 00:44:30 Login and Registration Tabs 00:55:16 Hide Image in Extra Small Screen 00:56:28 Creating UserLogin Page 00:58:09 Login Form 01:04:49 Handling Login Form 01:06:00 Getting Login Form Data 01:08:32 Login Form Validation 01:11:20 Displaying Form Validation Error 01:18:38 Redirect after Login Success 01:21:28 Creating Registration Page 01:22:35 Registration Form 01:26:12 Handling Registration Form 01:26:29 Getting Registration Form Data 01:26:56 Registration Form Validation and Displaying Validation Error 01:34:23 Creating SendPasswordResetEmail Page (Forgot Password) 01:35:10 SendPasswordResetEmail Form 01:35:40 Route for SendPasswordResetEmail Page 01:40:06 Handling SendPasswordResetEmail Form 01:40:16 Getting SendPasswordResetEmail Form Data 01:40:22 SendPasswordResetEmail Form Validation and Displaying Validation Error 01:42:17 Creating ResetPassword Page 01:42:35 Route for ResetPassword Page 01:43:16 ResetPassword Form 01:45:56 Getting ResetPassword Form Data 01:46:15 ResetPassword Form Validation and Displaying Validation Error 01:51:17 Creating Dashboard Page 01:52:27 Route for Dashboard Page 01:56:35 Logout 01:58:33 Creating ChangePassword Page 01:59:01 ChangePassword Form 02:00:02 Handling ChangePassword Form 02:00:16 Getting ChangePassword Form Data 02:00:20 ChangePassword Form Validation and Displaying Validation Error 02:02:06 Checking Project Features 02:03:24 404 Page Not Found 02:04:26 Fixing CSS 02:05:06 Website Logo and Name React JS : youtube.com/playlist?list=PLbGui_ZYuhignjLLXTJWkRJKN-SgAqClL React JS Project: youtube.com/playlist?list=PLbGui_ZYuhijDDvgZ04JAwWCt-x1c2I0g Source Code: github.com/geekyshow1/loginregreactjsmui1 Check Out Our Other Playlists: youtube.com/user/GeekyShow1/playlists Learn more about subject: geekyshows.com ________________________________________________ If you found this video valuable, give it a like. If you know someone who needs to see it, share it. If you have questions ask below in comment section. Add it to a playlist if you want to watch it later. ________________________________________________ T A L K W I T H M E ! Business Email: contact@geekyshows.com Youtube Channel: youtube.com/c/geekyshow1 Website: geekyshows.com _______________________________________________ Make sure you LIKE, SUBSCRIBE, COMMENT, and REQUEST A VIDEO! :) _______________________________________________