SwapDex
Description
SwapDex is a decentralized mobile application built using React Native and web3 libraries. The app enables users to swap cryptocurrencies across different networks with a seamless and efficient onboarding process. Also lets users view transaction history, view balance, see top 100 tokens, and also latest news. The swap functionality is powered by 1inch API and Chainlink price feeds, while Alchemy is used as the RPC provider.
Tech
Expo React Native
WAGMI, Viem & ethers.js
Metamask or any wallet provider
Alchemy RPC Provider & Alchemy SDK
1inch API for swapping
React Query (for caching and data fetching)
Chainlink API for price feeds
Cryptocompare API for news
Coinranking API for top token list
Reown for wallet integration
Swap Interface
Users can select tokens to swap.
User can edit slippage
Refetch stale quote to get latest information before swap
Allowance checking before initiating swaps.
Swap with Wallet provider
After confirmation, click and view transactions on Etherscan/Polygonscan
Screens
Tokens Screen to view Top 100 tokens.
Top UI displays ETH/Polygon balance and USD equivalent on the home screen
Latest transactions Screen
News Screen to show latest crypto news.
UI components
Activity indicator for loading state
Select tokens menu for both Networks
Network switcher to toggle between ETH and Polygon.
