search

RentRipple / RentRipple-Frontend

MIT License
1 stars 0 forks source link

Create Registration Page #7

Closed YashSahsani closed 1 month ago

YashSahsani commented 1 month ago

Summary:

Create Registration Page for the Rent Ripple Website

Description:

Develop the registration page for the Rent Ripple website. The registration page should provide a user-friendly interface for new users to create accounts by entering their details such as email, username, password, and role (owner or buyer). The page should validate user input and interact with the backend registration API.

Acceptance Criteria:

  1. Design and Layout:
    • The registration page should have a clean and modern design that aligns with the overall branding of Rent Ripple.
    • Include fields for:
      • Email
      • Username
      • Password
      • Role (owner or buyer)
    • Include a "Register" button to submit the registration form.
    • Include a link to redirect users to the login page if they already have an account.
  2. Functionality:
    • Ensure the registration form validates user input (e.g., email format, password strength).
    • Display appropriate error messages for invalid input or failed registration attempts.
    • Call the backend registration API to create a new user account.
      • On successful registration, display a success message and redirect the user to the login page.
      • On failed registration, display an appropriate error message.
  3. Responsiveness:
    • The registration page should be fully responsive and look good on both desktop and mobile devices.
    • Test the registration page on various devices (desktop, tablet, mobile) to ensure compatibility.
  4. User Experience:
    • Ensure smooth and intuitive navigation throughout the registration process.
    • Include visual elements such as icons and animations to enhance user engagement.
  5. Security:
    • Ensure the registration form uses HTTPS for secure data transmission.
    • Implement client-side validation to complement server-side validation.
  6. Cross-Browser Compatibility:
    • Test the registration page for cross-browser compatibility (Chrome, Firefox, Safari, Edge).
  7. Error Handling:
    • Implement comprehensive error handling for different scenarios (e.g., email already in use, invalid data formats).