Frontend: Register Page

[hrjugar]

Key Features

• Navbar
  • Company name/logo (adjust colors based on background, background may change due to having different layouts in different resolutions)
• Stepper
  • Step 1 - Account Type Selection (Patient or Doctor)
  • Step 2 - Personal Details
    • Form input
      • First name - text
      • Last name - text
      • Sex - option selection
        • Male
        • Female
        • Hermaphrodite
      • Birthday - date
      • Email (optional) - email
      • Contact number (optional) - phone number
        • add +63 initially
        • must be 10 numbers (e.g. 9123456789)
      • Address (SHOW ONLY FOR DOCTORS) - text
  • Step 3 (Patient) - Medical History
    • Medical records file upload
      • Accepted file formats: jpg, jpeg, png, pdf
      • Add/edit dialog shows after file upload
        • Dialog inputs
          • Record name
          • Record release date
    • Uploaded records list
      • Edit button - shows add/edit dialog on click
      • Delete button - shows confirm delete dialog on click
  • Step 3 (Doctor) - Professional information
    • Select specialization
• Navigation buttons
  • Have two buttons for navigating between steps: back button and next button
  • Back button is disabled in step 1
  • Next button is turned to "Finish button" in step 3
  • Finish button submits form, uploads data to database, and redirects to the patient/doctor page (with onboarding)