Integrate Argent Mobile Wallet in CofiBlocks

[brolag]

Objective

Integrate the Argent mobile wallet as an option for users to connect their wallet to the CofiBlocks platform.

Description

Add support for Argent mobile wallet connectivity within the CofiBlocks dApp using StarkNetKit connectors. This integration will enable users to connect their Argent wallet for seamless access and interaction within CofiBlocks.

Steps

1. Install StarkNetKit Dependencies

   • Add the required StarkNetKit package if it's not already installed in the project.
   • Ensure dependencies are compatible with the current setup of CofiBlocks.

2. Set Up the Argent Connector

   • Follow the Argent Connector documentation to configure the connection.
   • Use the provided API to implement the Argent mobile wallet connection flow within the authentication flow of CofiBlocks.

3. Implement Connection Button

   • Create a new button or update the existing wallet connection button to include “Connect with Argent” as an option.
   • Implement UI logic to detect and connect to the Argent mobile wallet if selected.

4. Handle Wallet Connection Events

   • Ensure that connection, disconnection, and error events are handled gracefully.
   • Display appropriate messages or UI feedback based on connection status (connected, disconnected, error).

5. Test Integration Thoroughly

   • Test the Argent wallet connection on both iOS and Android mobile devices.
   • Verify that the connection process is seamless and that users can interact with CofiBlocks features using the Argent wallet.

Acceptance Criteria

• [ ] Users can connect their Argent wallet on mobile devices.
• [ ] The Argent connection option is clearly visible and functional within the wallet selection UI.

Resources

• StarkNetKit Argent Connector Documentation

[Iwueseiter]

Hi @brolag I’m ready to complete this task. I’m a solid web3 developer, I've worked on integration before and also written test for complex Cairo logic and I’d implement this feature as expected.

[diegoTech14]

Hello @brolag

I am a software engineer from Costa Rica and a proud member of Dojo Coding. I've contributed to projects like Go Stark Me and contributed to Coffiblocks, and have experience with technologies like JavaScript, Node.js, and Cairo. I would love the opportunity to help with this issue and contribute to your project.

[PedroCo3lho]

Hello @brolag, Could I tackle this issue? I’ve already built some dApps on Starknet using StarknetKit to interact with Starknet wallets. I also work daily with Next.js, TypeScript, and TailwindCSS.

[brolag]

Assigning this to you @diegoTech14

[diegoTech14]

Assigning this to you @diegoTech14

Thank you sir, I will start right now ⚡

[AnoukRImola]

Hello @brolag !

My teammate had some issues with this task. Can I take it over?

[brolag]

@AnoukRImola assining this to you