Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

DefiFundr - 003: Implement Email Verification Screen #3

Open
7 tasks
shefihu opened this issue Feb 21, 2025 · 3 comments · May be fixed by #11
Open
7 tasks

DefiFundr - 003: Implement Email Verification Screen #3

shefihu opened this issue Feb 21, 2025 · 3 comments · May be fixed by #11
Assignees
@hoangkianh
Labels
good first issue Good for newcomers Hard ODBuild UI

Comments

@shefihu
Copy link
Collaborator

shefihu commented Feb 21, 2025

https://www.figma.com/design/S2TNKAU3AqwjshIwp8sbGU/DefiFundr-(Copy)?node-id=2383-29575&t=9SL4Tcd1JdDJbBay-4

Design Requirements

  • Create responsive email verification interface
  • Implement OTP input mechanism
  • Design "Didn't get email?" help modal

Key Components

  • Email verification input (6-digit code)
  • Verification button
  • "Resend code" option
  • "Change email" link
  • Help modal with troubleshooting tips

Interaction Flow

  • Automatically populate email from registration
  • Enable verification button only when all digits entered
  • Provide clear error/success states

Responsive Considerations

  • Mobile and desktop layouts
  • Adaptive keyboard handling
  • Smooth transitions

Accessibility & Performance

  • Keyboard navigable
  • Screen reader friendly
  • Optimize input validation
  • Minimal layout shifts
@manassehO
Copy link

Hello @shefihu

Please, i would love to help implement the email verification screen.

I am a frontend developer with 1+ years of expereince and pay detail attention to design.
Expected delivery with 24hrs

@RahmanC
Copy link

RahmanC commented Feb 21, 2025

Hi, I'm Abdulrahman, a frontend developer with 5+ years experience. I can build a custom OTP verification systems without external dependencies, featuring clipboard support, optimized UX with smooth validation and error handling within 24 hours.

Thank you for the opportunity.

@hoangkianh
Copy link

hoangkianh commented Feb 22, 2025 •
edited
Loading

I’d like to resolve this. The ETA is 8-9 hours

@hoangkianh hoangkianh linked a pull request Feb 22, 2025 that will close this issue
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@hoangkianh hoangkianh

Labels
good first issue Good for newcomers Hard ODBuild UI
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

implement email verification screen hoangkianh/defifundr_web_app
4 participants
@hoangkianh @shefihu @RahmanC @manassehO