Skip to content

Implement Receive Money and Add Money Screens from Figma Design #4

@onlydustapp

Description

@onlydustapp

Overview

Implement the new Receive Money and Add Money screens as designed in the Figma file. These screens are a part of our mobile wallet and should align with the design aesthetics and functionality outlined in the provided Figma design.

figma link

Background

  • The feature is part of the Kryptosync Mobile project, built with React Native (Expo) and NativeWind for UI components.
  • The new screens will expand the app’s capabilities by allowing users to easily receive and add funds to their wallet.

Tasks

  1. Implement the Receive Money Screen

    • Create the UI components as per the Figma design.
    • Ensure the layout and styling are consistent with Kryptosync Mobile's design guidelines.
    • Integrate any necessary functionalities (e.g., QR code scanning if required) as shown in the design.
  2. Implement the Add Money Screen

    • Follow the Figma design for layout and component structure.
    • Ensure proper error handling and responsiveness for various screen sizes.
  3. Integration Considerations

    • Ensure the new screens integrate seamlessly within the existing navigation flow of the app.
    • Verify that the screens maintain consistency with the overall theme and UI elements of the app, particularly referencing the NativeWind styling as used in the project.

Technical Considerations

  • Use the existing project structure and coding conventions as outlined in the README.
  • Consider any specific functionality mentioned in the Figma design notes such as interactive elements or animations.
  • Ensure mobile responsiveness and proper performance on both iOS and Android devices.

Definition of Done

  • Both Receive Money and Add Money screens are implemented and match the Figma design.
  • The screens integrate cleanly with the existing app navigation and functionalities.
  • Test for responsiveness and UI consistency across different devices.
  • Code is reviewed and merged without outstanding issues.

Let's make sure we deliver a smooth and visually engaging experience for our users! 🚀😊

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions