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.

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

DefiFundr - 002: Implement Account Creation Page #2

Open
13 tasks
shefihu opened this issue Feb 21, 2025 · 3 comments
Open
13 tasks

DefiFundr - 002: Implement Account Creation Page #2

shefihu opened this issue Feb 21, 2025 · 3 comments
Assignees

Comments

@shefihu
Copy link
Collaborator

shefihu commented Feb 21, 2025

Description

Create a secure, user-friendly account registration page with a cryptocurrency-themed design for the DeftFundr platform.

Figmal link: https://www.figma.com/design/S2TNKAU3AqwjshIwp8sbGU/DefiFundr-(Copy)?node-id=2383-29348&t=iDgS1oSLCueWO7au-4

Design Requirements

  • Develop responsive account creation interface
  • Create dynamic cryptocurrency background
  • Implement clean, modern registration form

Key Components

Registration Form

  • First Name input field
  • Last Name input field
  • Email input field
  • Terms of Service checkbox
  • "Continue" submit button

Background Design

  • Cryptocurrency-themed visual elements
  • Bitcoin and crypto coin icons
  • Gradient purple/blue color scheme
  • Floating, animated coin design

Form Functionality

  • First and last name validation
  • Email validation
  • Terms of Service agreement validation
  • Responsive design
  • Mobile and desktop compatibility

Technical Specifications

  • React functional components
  • Tailwind CSS for styling
  • Form validation
  • Responsive design
  • Animated background elements

Responsive Considerations

  • Mobile view design
  • Tablet view layout
  • Desktop view adaptation
  • Adjust layout and scaling accordingly

Accessibility Requirements

  • Semantic HTML
  • Keyboard navigable
  • Screen reader friendly
  • High color contrast
  • Clear error state handling
@Akanimorex
Copy link

Hello, I am a front end developer and a smart-contract developer in web3 . I write JavaScript, typescript and i am efficient integrating frontend with blockchain technology.
I will ensure the registration component styled correctly according to the figma design and i'd follow all the instructions stated.I'd be happy to do this.Pls assign to me.

ETA: 12 hours

@legend4tech
Copy link

Is this issue still available?

@LaGodxy
Copy link

LaGodxy commented Feb 22, 2025

Dear @shefihu I would love to develop DeftFundr’s secure and user-friendly registration page. With expertise in React, Tailwind CSS, and UI/UX, I’ll deliver a modern, responsive form that aligns with the platform’s cryptocurrency theme.
What I intend doing includes:
Animated crypto-themed background for an engaging experience.
Clean, intuitive form with real-time validation.
Seamless responsiveness across all devices.
Accessibility-focused design for inclusivity.
I’ve reviewed the Figma design and am confident in executing it professionally. Looking forward to contributing.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants