53 lines
1.1 KiB
Markdown
53 lines
1.1 KiB
Markdown
# Smart Accounts React Example
|
|
|
|
Complete React example demonstrating Smart Accounts Kit integration on ChainID 138.
|
|
|
|
## Features
|
|
|
|
- Connect to MetaMask
|
|
- Create Smart Accounts
|
|
- Request Delegations
|
|
- View Delegation Status
|
|
- Batch Operations (coming soon)
|
|
|
|
## Installation
|
|
|
|
```bash
|
|
npm install
|
|
```
|
|
|
|
## Configuration
|
|
|
|
Update `src/App.tsx` to use your configuration:
|
|
|
|
```typescript
|
|
const config = require('../../config/smart-accounts-config.json');
|
|
```
|
|
|
|
Or create a local config file with your deployed contract addresses.
|
|
|
|
## Running
|
|
|
|
```bash
|
|
npm start
|
|
```
|
|
|
|
The app will open at `http://localhost:3000`.
|
|
|
|
## Usage
|
|
|
|
1. **Connect Wallet**: Click "Connect MetaMask" to connect your wallet
|
|
2. **Create Smart Account**: Click "Create Smart Account" to create a new Smart Account
|
|
3. **Request Delegation**: Request delegation for a dApp or service
|
|
4. **View Status**: View delegation status and expiry
|
|
|
|
## Documentation
|
|
|
|
- [Developer Guide](../../docs/SMART_ACCOUNTS_API_REFERENCE.md)
|
|
- [API Reference](../../docs/SMART_ACCOUNTS_API_REFERENCE.md)
|
|
- [Delegation Guide](../../docs/SMART_ACCOUNTS_FAQ.md)
|
|
|
|
## License
|
|
|
|
See parent repository for license information.
|