hyperdrive-trading

hyperdrive-trading

A simple React frontend for interacting with Hyperdrive.

What is inside?

This project uses many tools like:

• Vite
• ReactJS
• TypeScript
• Vitest
• Tailwindcss
• Eslint
• Prettier

Monorepo dependencies:

• @delvtech/hyperdrive-viem
• @delvtech/hyperdrive-appconfig

Environment variables

This project requires environment variables in apps/hyperdrive-trading/.env. See .env.sample for reference.

Getting Started

Install

Install dependencies and build packages.

Note: The following two commands must be run from the root directory of the monorepo.

yarn
yarn run build:packages

Development

The following commands assume your current directory is set to this project.

cd apps/hyperdrive-trading

Run locally

First, copy the .env.sample to .env and you'll need to set the VITE_SEPOLIA_RPC_URL variable to an active rpc url.

Serve with hot reload at http://localhost:5173.

yarn run dev

Build production

Build static site for production using Vite.

yarn run build

Test

yarn run test

Lint

yarn run lint

Typecheck

yarn run typecheck

License

This project is licensed under the AGPL-3 License.