MLH-Fellowship / orientation-project-js-24.SUM.A

Orientation Project (JavaScript for 24.SUM.A)
0 stars 2 forks source link

Added the User Information Form #17

Closed esohel30 closed 3 weeks ago

esohel30 commented 4 weeks ago

closes #1

Added a new file UserInfo.js to manage the user information form.

The form includes input fields for:

  1. Name
  2. Phone Number (with country code enforcement using a regex pattern)
  3. Email Address
  4. State management for the form inputs using React's useState hook.
  5. Form validation for required fields and pattern enforcement for the phone number.

Update to App.js:

1, Imported the UserInfo component.

  1. Integrated the UserInfo component at the top of the existing sections for Experience, Education, and Skills.
  2. Ensured the overall layout remains consistent and the user experience is enhanced with a clear section for user information.

Screenshots

Screen Shot 2024-05-27 at 10 33 46 PM
esohel30 commented 4 weeks ago

@Pradyuman7 tagging you here as I cannot assign you as a reviewer.