React Login & Register in Tamil | Full Video

Welcome to our React Login Register Tutorial! 🚀

📝 **Register Page:**
- Dive into building a Register Page component and managing states for displaying errors.
- Explore handling form submissions, inputs, and implementing form validation.
- Ensure a smooth user experience with loading spinners.

🔗 **Register API Integration:**
- Integrate Register API requests, install Axios, and use Firebase API Key for seamless functionality.

🔐 **Login Page:**
- Utilize React Router DOM for navigation and create a Login Page component.
- Display custom errors and enhance user interaction.

🔗 **Login API Integration:**
- Learn how to integrate Login API requests, manage user details with state, and ensure secure data retrieval.

🛡️ **Security Measures:**
- Implement crucial security measures, such as blocking direct access to the dashboard.

🚀 Subscribe now for a step-by-step guide to React Authentication, practical demonstrations, and essential security practices. Let's secure your application together! 💻🔐 #ReactAuthentication #WebDevelopment #ReactTutorial #SecurityMeasures #APIIntegration #TechEducation

Chapters:
00:00:00 - Intro
00:03:20 - Project Setup

Register Page:
- 00:05:56 - RegisterPage Component
- 00:19:19 - States for Displaying Errors
- 00:27:29 - Showing Loading Spinner
- 00:29:27 - Handling Form Submit
- 00:32:15 - Handling Form Inputs
- 00:41:08 - Form Validation
- 00:47:23 - Showing Loading Spinner

Register API Integration:
- 00:52:05 - Register API Request
- 00:55:58 - Installing Axios
- 01:01:03 - Using Firebase API Key

Login Page:
- 01:22:27 - Using React Router DOM
- 01:34:42 - Displaying Custom Error
- 01:40:33 - Creating Login Page Component

Login API Integration:
- 01:52:14 - Login API Request
- 02:16:05 - Using State for User Details
- 02:26:09 - Getting User Details
- 02:29:33 - React Strict Mode

Security Measures:
- 02:50:14 - Block Direct Access to Dashboard

Download:

🤝 **Donate & Help this Channel:**

🌐 **Join Udemy Courses**

📧 **Contact Information:**

🔔 For business inquiries or collaborations, please use the provided contact information. Thank you for your support! Don't forget to like, share, and subscribe for more content! 🔔
#reactauthentication #webdevelopment #reacttutorial #securitymeasures #apiintegration #techeducation

[YosanaiBurgees]

bro vera level bro nega the bro best na nu naraya theduna unga ahlavuku yaru mea explain panala bro pls post more videos bro

[thanjeys]

Fantastic Tutorials, everything working good. except Form validation problem

[MuthuDev]

You are awesome and I cannot describe this video using words🎉🎉🎉🎉

[linthujanvimalanathan]

thalaiva intha videovin padi naangalaave local storage la oru idtoken create panninalum isauthenticate true aaki dashboard kku pokum thane
athu epidi illama seyirathu
Thank you For your Video
❤❤❤

[chithambaramdurai]

Hi Bro Super 👏 good video, Pls any other ReactJS Real Time Project videos sharing...

[abithanush]

Bro...redux concept ku vdeo podunga bro

[vijayarangans]

Bro usememo and usecallback concept in depth ah video pannunga

[--RAVICHANDRUT]

I have doubt on last step. If we have only dashboard page, this approach is ok like if we don't authenticate then it will go to login page. But, my question is what should I do for check this condition if I have no of different pages?

[ramasubramanians]

Sir, after imorting registerpage in app.js if we go to browser directly and type localhost:3000 error displaying as this page cant be reached connection refused as per your video but the same after giving npm start in the terminal the localhost:3000 is working what is the corect method pls explain sir. As per your video after2:58:37, directly if I type url the localhost is not working pls guide

[ragucool]

Access and refresh token pathi video pannuga bro

[TECHTEMPLETAMIL]

Bro role based authentication pathi video podunga bro please

[harishs]

I'm able to see the dashboard by injecting the value in my local session storage manually, if that happens I'm able to login with out account which leads to data breach

[mohamedansarym]

Bro entha project learn panna react a ethu kuduthalum panna mudiyum

[Deadapiderx]

Firebase la Email/password use pana modiyala, error varthu. Anonymous sing-in-method tan use pana modithu

[gayathri--is]

Everything works well bro. But the navbar is not working when seeing it in a small screen. How to rectify it?Anyone please tell

[vinothkumar-spvj]

I'd token not working and custom API not working in WordPress plz helps that concepts

[shawnaaren]

can you make a video on dynamic form creation

[thisiskarthik]

Bro server side rendering konjam sollunga bro React Js with express

[sivagnanamv]

Thank you so much bro keep rocking....✌

[clevervideosjkkksj]

How to create invoice software using react, nodejs and Mongo db