JPYC Wallet は、JPYC SDK を使用した基本的な暗号資産ウォレットのサンプル実装です。Next.js、TypeScript、Tailwind CSS、shadcn/ui を使用してモダンな UI を実現しています。
- ウォレット接続
- 残高確認
- JPYC 送金
- トランザクション履歴の表示
- マルチチェーン対応(Ethereum, Polygon, Astar)
- Next.js - React フレームワーク
- TypeScript - 型安全な開発
- Tailwind CSS - スタイリング
- shadcn/ui - UI コンポーネント
- JPYC SDK - JPYC との連携
- wagmi - Ethereum との連携
- RainbowKit - ウォレット接続 UI
- リポジトリのクローン:
git clone [your-repo-url]
cd jpyc-wallet
- 依存パッケージのインストール:
npm install
- 開発サーバーの起動:
npm run dev
- ブラウザで開く:
http://localhost:3000
src/
├── app/ # Next.js App Router
├── components/ # Reactコンポーネント
│ ├── layout/ # レイアウト関連
│ ├── wallet/ # ウォレット機能
│ └── ui/ # UIコンポーネント
└── lib/ # ユーティリティ
.env.local
ファイルを作成し、以下の環境変数を設定してください:
NEXT_PUBLIC_JPYC_CONTRACT_ADDRESS=your_contract_address
NEXT_PUBLIC_INFURA_ID=your_infura_id
MIT
- このリポジトリをフォーク
- 機能ブランチを作成 (
git checkout -b feature/amazing-feature
) - 変更をコミット (
git commit -m 'Add some amazing feature'
) - ブランチにプッシュ (
git push origin feature/amazing-feature
) - プルリクエストを作成