Cursor
mode
B.A.M
- Category Web3 | Blockchain | React
- Client Terratec
- Start Date 05 Febr 2023
- Handover 14 Febr 2023
Overview
The project involved updating the overall responsiveness of the client's dapp to prioritize a mobile-first approach. The previous development team did not focus on mobile optimization, so a comprehensive scan of the site was required. Additionally, there was a need to update the implementation of using RPC methods of Metamask for tasks such as network checking and wallet connection, as the existing approach was outdated.
- + React | Redux | Wagmi
- + AWS
- + Solidity
- + Node.js
- + Figma
Challenge
- Mobile Responsiveness:
The existing website lacked proper responsiveness, which resulted in a suboptimal user experience on mobile devices. Adapting the entire site to be mobile-friendly presented a significant challenge.
- Outdated Wallet Integration:
The use of RPC methods in Metamask for network checking and wallet connection needed an upgrade. The existing implementation was cumbersome and prone to issues when the chainId was changed or when interacting with different networks.
- Transition to WalletConnect V2:
Adopting the new version of WalletConnect (V2) posed challenges due to the breaking changes and ongoing development during the project timeline. It required careful monitoring of updates, addressing potential bugs, and possibly contributing to the project by raising pull requests.
Solution
- Mobile-First Approach:
We conducted a comprehensive scan of the website and updated the design and layout to ensure a responsive experience across different devices. By prioritizing mobile responsiveness, we improved the usability and accessibility of the site.
- Modernizing Wallet Integration:
We replaced the outdated RPC methods with the more advanced and reliable WalletConnect V2. This allowed for seamless wallet connection, network checking, and improved user experience when interacting with blockchain networks.
- Active Engagement with WalletConnect V2:
Throughout the project, we closely monitored the updates and breaking changes in WalletConnect V2. We actively addressed any bugs or issues encountered and contributed to the development process by submitting pull requests. This ensured a smooth transition to the latest version and leveraged the benefits provided by WalletConnect V2.
By implementing these best practices, we were able to update the overall responsiveness of the site, modernize the wallet integration, and successfully transition to WalletConnect V2, delivering an improved user experience and enhanced functionality for the client's project.