Skip to content

feat: Design and implement pool creation UI #31

Description

@rafamiziara

Description

Design and implement the user interface for pool creation in the mobile app, allowing designated creators to set up new lending pools with proper validation and user experience.

Acceptance Criteria

  • Design pool creation form UI/UX
  • Implement form with proper validation
  • Add loading states and progress indicators
  • Create success and error feedback flows
  • Implement form data persistence (draft saving)
  • Add pool preview functionality
  • Ensure responsive design for all screen sizes

Technical Requirements

  • Use React Native with TypeScript
  • Follow existing app design patterns
  • Implement proper form state management
  • Add client-side validation
  • Include accessibility features
  • Use existing toast/error handling systems

UI Components

  • Pool creation form with multiple steps
  • Input fields for pool parameters
  • Token selection for ERC20 pools
  • Terms and conditions configuration
  • Review and confirmation screen
  • Loading and progress indicators

Form Fields

  • Pool name (required, unique validation)
  • Pool description (required)
  • Pool type (MATIC/ERC20 selection)
  • Token address (for ERC20 pools)
  • Interest rate configuration
  • Loan term settings
  • Member limits and requirements

User Experience

  • Step-by-step form progression
  • Clear field validation messages
  • Draft saving for incomplete forms
  • Pool parameter preview
  • Confirmation before submission
  • Success/error state handling

Definition of Done

  • Pool creation UI is fully functional
  • Form validation works correctly
  • Proper loading states and user feedback
  • Integration with backend API complete
  • UI testing on multiple device sizes
  • User flow documentation complete

Metadata

Metadata

Assignees

Labels

comp: frontendIssues for the mobile app UI/UX in packages/mobile-app

Type

No type

Fields

No fields configured for issues without a type.

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions