Implement Form Validation with React Toastify

[Niharika0104]

Description:

Enhance the user experience on the registration page by implementing form validation using React Toastify. This will provide users with real-time feedback on their input and improve the overall usability of the registration form.

Tasks:

1. Integrate React Toastify: Install and configure React Toastify library in the project to display toast notifications for form validation messages.

   • Steps to Implement:
     1. Install React Toastify package using npm or yarn.
     2. Configure React Toastify to display notifications at appropriate positions on the screen.
   • Expected Outcome: React Toastify should be successfully integrated into the project, ready to display form validation messages.

2. Frontend Form Validation: Implement frontend form validation logic to check the validity of input fields and display corresponding toast notifications using React Toastify.

   • Steps to Implement:
     1. Write JavaScript/React code to validate user input in the registration form fields.
     2. Utilize React Toastify to display toast notifications for validation errors such as empty fields, invalid email format, or password mismatch.
   • Expected Outcome: Users should receive immediate feedback via toast notifications when they enter invalid data in the registration form.

[C-M-7]

hey @sujaltangde @Niharika0104 can you assign me this issue under the GSSOC'24, i am willing to work on it and please provide me with the suitable details like the essentials of registering a user like he/she should contain name and email but can go further without the avatar part.

[dhanushsurendra]

Hey, @sujaltangde could you please assign this issue to me? I can fix it.