https://github.com/bootnodedev/intent-ui-template
https://github.com/bootnodedev/intent-ui-template
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/bootnodedev/intent-ui-template
- Owner: BootNodeDev
- License: apache-2.0
- Created: 2024-12-13T14:16:58.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-01-14T15:03:12.000Z (5 months ago)
- Last Synced: 2025-01-14T16:34:13.732Z (5 months ago)
- Language: TypeScript
- Homepage: https://intent-ui-template.vercel.app
- Size: 5.35 MB
- Stars: 0
- Watchers: 6
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
# Intent UI Template
This repo has been deprecated and is now part of the Intents Framework. Please find the Intents Framework repository here: [https://github.com/BootNodeDev/intents-framework](https://github.com/BootNodeDev/intents-framework)
# Hyperlane Warp Route UI Template
This repo contains an example web interface for interchain tokens built with [Hyperlane Warp Route](https://docs.hyperlane.xyz/docs/reference/applications/warp-routes). Warp is a framework to permisionlessly bridge tokens to any chain.
## Architecture
This app is built with Next & React, Wagmi, RainbowKit, and the Hyperlane SDK.
- Constants that you may want to change are in `./src/consts/`, see the following Customization section for details.
- The index page is located at `./src/pages/index.tsx`
- The primary features are implemented in `./src/features/`
## Customization
See [CUSTOMIZE.md](./CUSTOMIZE.md) for details about adjusting the tokens and branding of this app.
## Development
### Setup
#### Configure
You need a `projectId` from the WalletConnect Cloud to run the Hyperlane Warp Route UI. Sign up to [WalletConnect Cloud](https://cloud.walletconnect.com) to create a new project.
#### Build
```sh
# Install dependencies
yarn
# Build Next project
yarn build
```
### Run
You can add `.env.local` file next to `.env.example` where you set `projectId` copied from WalletConnect Cloud.
```sh
# Start the Next dev server
yarn dev
# Or with a custom projectId
NEXT_PUBLIC_WALLET_CONNECT_ID= yarn dev
```
### Test
```sh
# Lint check code
yarn lint
# Check code types
yarn typecheck
```
### Format
```sh
# Format code using Prettier
yarn prettier
```
### Clean / Reset
```sh
# Delete build artifacts to start fresh
yarn clean
```
## Deployment
The easiest hosting solution for this Next.JS app is to create a project on Vercel.
## Learn more
For more information, see the [Hyperlane documentation](https://docs.hyperlane.xyz/docs/reference/applications/warp-routes).