Implement Login & Registration Components

[LadyKerr]

LoginForm

Description

Create a responsive login and registration form components using Material UI that handles user authentication.

Requirements

• Create a login form with:
  • Email input field
  • Password input field
  • Login button
  • "Forgot password" link
  • Link to registration page
• Implement Material UI styling
• Add form validation
• Handle authentication errors

Technical Details

• Use Material UI components:
  • TextField for inputs
  • Button for submission
  • Alert for error messages
• Implement responsive design
• Add loading state during submission
• Include client-side validation

Component Preview

<LoginForm 
  onSubmit={handleSubmit}
  loading={false}
  error={null}
/>

Registration Form

Requirements

• Create a registration form with:
  • Email input field
  • Password input field
  • Password confirmation field
  • Register button
  • Link to login page
• Implement Material UI styling
• Add form validation
• Handle registration errors

Component Preview

<RegistrationForm 
  onSubmit={handleSubmit}
  loading={false}
  error={null}
/>