Token Swoosh is a web application that allows users to transfer batches of NFTs on the Avalanche network. This app provides an intuitive interface for managing and transferring multiple NFTs in a single transaction, streamlining the process for NFT owners.
- Connect your wallet to view and manage your NFTs
- Select multiple NFTs for batch transfer
- User-friendly interface with a responsive design
- Supports Avalanche network
- Real-time transaction status updates
- Secure contract approval process
- Next.js (Pages Router)
- React
- TypeScript
- Tailwind CSS
- Wagmi
- RainbowKit for wallet connection
- Radix UI for accessible components
- Node.js (v14 or later)
- npm or yarn
- An Avalanche-compatible wallet (e.g., MetaMask)
-
Clone the repository:
git clone https://github.com/geraldinefiser/token-swoosh.git cd token-swoosh -
Install dependencies:
npm install # or yarn install -
Set up environment variables: Create a
.env.localfile in the root directory and add the following variables:NEXT_PUBLIC_ALCHEMY_KEY=your_alchemy_key -
Run the development server:
npm run dev # or yarn dev -
Open http://localhost:3000 in your browser to see the application.
- Connect your wallet using the "Connect Wallet" button.
- Browse your NFT collections on the dashboard.
- Select the NFTs you want to transfer by checking the boxes next to them.
- Enter the recipient's wallet address in the transfer dialog.
- Approve the contract if it's your first time using the app with a particular collection.
- Confirm the transfer and wait for the transaction to complete.
This project uses Vitest and react-testing-library for testing. To run the tests, use the following command:
npm run test
# or
yarn test
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License.
- Batch NFT transfer contract by xrpant
- Contract address: 0xe141058cceb71a1c486987d2bfb18b5e1fd4d93f