A Next.js blockchain application that enables users to connect their Polkadot wallets, view asset balances, and interact with proof generation systems.
- 🔗 Wallet Connection: Connect with Talisman and other Polkadot-compatible wallets
- 💰 Asset Management: View asset balances and metadata
- 🔐 Proof System: Generate and verify cryptographic proofs
- 🔄 Cross-chain Transfer: XCM transfer from Efimero to Asset Hub
- 📱 Responsive Design: Mobile-first responsive interface
- 🎨 Modern UI: Built with Tailwind CSS and Radix UI components
- Framework: Next.js 14 (App Router)
- Language: TypeScript
- Styling: Tailwind CSS
- UI Components: Radix UI
- State Management: Jotai
- Blockchain: Polkadot.js API
- Wallet Integration: Talisman Connect
- Node.js 18+
- npm, yarn, or pnpm
- Clone the repository
- Install dependencies:
pnpm install- Set up environment variables, make sure you point correclty to the Efimero chain and Merklize server:
## .env.local
RELAY_WS_PROVIDER=ws://127.0.0.1:9900
ASSET_HUB_WS_PROVIDER=ws://127.0.0.1:9910
NEXT_PUBLIC_WS_PROVIDER=ws://127.0.0.1:9920
NEXT_PUBLIC_API_URL=http://127.0.0.1:5000
NEXT_PUBLIC_ASSET_ID=1pnpm run setup:env- Start the development server:
pnpm run devOpen http://localhost:3000 to view the application.
pnpm run dev- Start development serverpnpm run build- Build for productionpnpm run start- Start production serverpnpm run lint- Run ESLintpnpm run format- Check code formattingpnpm run format:fix- Fix code formattingpnpm run setup:env- Set up environment configuration
├── app/ # Next.js app router pages
├── components/ # React components
│ ├── home/ # Landing page components
│ ├── airdrop/ # Airdrop page components
│ ├── cross-chain/ # Cross-chain page components
│ ├── faq/ # FAQs page components
│ ├── notFound/ # NotFound page components
│ └── ui/ # Reusable UI components
├── config/ # Configuration files
├── hooks/ # Custom React hooks
├── lib/ # Utility functions
├── providers/ # React context providers
└── scripts/ # Build and setup scripts