search

AFK-AlignedFamKernel / afk_monorepo

AFK: Aligned Fam Kernel - Monorepo
https://afk-community.xyz
MIT License
15 stars 38 forks source link

Create swap AVNU in Mobile #150

Closed MSghais closed 1 month ago

MSghais commented 1 month ago

Description

We need to have a screen to swap tokens with the AVNU SDK in the React Native app in Typescript. Minimalistic SWAP UI with tokens available on AVNU, way to add amount and max amount (getting balance of user connected).

Todo

MPSxDev commented 1 month ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

Hello, I’m Manuel, a process engineer and web3 developer. I’ve participated in Starknet Bootcamps and ETHGlobal, and I’m an Elite winner of Speedrunstark. I have a strong problem-solving ability and am a proud member of the DojoCoding community.

I hope this issue will be assigned to me, and I am ready to start working immediately to deliver the required results as quickly as possible.

How I plan on tackling this issue

  1. Create Swap UI Components:

    • Design a minimalistic swap interface in React Native.
    • Include inputs for name, icon, price, and an amount field.
    • Add a button to select the maximum amount based on the user's balance.

  2. Integrate AVNU SDK Hooks:

    • Use hooks from the AVNU SDK to handle token swaps.
    • Automatically retrieve and display the connected user's balance.

  3. Manage Calldata (Optional):

    • If needed, integrate calldata generation directly in the API or backend (Next.js) for swaps.
ShantelPeters commented 1 month ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I am a blockchain developer and i have a strong background experience working with React, ,javascript, typescript , cario and solidity. i have contributed successfully to open source projects like Arkprojects and Shinigami .

How I plan on tackling this issue

  1. Create the Swap UI Components:
    • Build input fields for token Name, Icon, Amount, and Max Amount.
    • Display user balance using a hook to get token balance from the AVNU SDK.
  2. Integrate AVNU SDK:
    • Use AVNU SDK's swap functionality by creating hooks like useSwap and useBalance.
    • Call the SDK methods for swapping tokens and fetching balances when inputs change.
  3. Backend Interaction (Optional):
    • If needed, add calldata via your NextJS backend, which can pass token swap data between app and backend API.
0xdevcollins commented 1 month ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

My name is Collins Ikechukwu. I'm a full stack blockchain developer developer.

How I plan on tackling this issue

I will create a minimalistic SWAP UI in the React Native app using TypeScript. The UI components will include inputs for the token name, icon, and price, with a field for the user to add an amount and a button to swap tokens. I will integrate the AVNU SDK to retrieve the available tokens and user balance, allowing users to select the maximum amount to swap.

I will ensure that the swap functionality integrates hooks and functions for interacting with the AVNU SDK. For handling the calldata, I will explore adding it either directly via the app's backend API or the Next.js website backend. After completing the integration, I will test the flow to ensure smooth token swapping functionality.

Ayoazeez26 commented 1 month ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

Hi

How I plan on tackling this issue

I would create the swap UI components and integrate hooks and funcntions for AVNU swap in mobile ETA - 72hrs