Skip to content

[Frontend] Implement Account Type Selection Screen #21

@Kaylahray

Description

@Kaylahray

Description

We need to implement the Account Type Selection screen in our app. This is the first step the user sees when they try to connect wallet
They choose between two account types

  • Survey Taker ( respondent)
  • Survey Creator (researcher)

This screen is essential for onboarding users to the correct dashboard flow.

Image

Functional Requirements

  • Two selectable account types displayed in card format.

  • Visual hover and selected state (border + background glow if selected).

  • Highlighted card should be interactive and store the selected state (in local state or context).

  • Each selection should route user to either

/create-account/surveys (for "Create Surveys & Get Insights")

/create-account/respondent (for "Take Surveys & Earn Money")

  • Reusable card component preferred.

  • Use Shadcn UI components and Tailwind CSS utility classes.

  • This should be Responsive on mobile/tablet/desktop.

Thank you for contributing 😁. If you have any questions please ask in the TG community TG

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions