React + TypeScript + Vite + TonConnect UI React

This template provides minimal setup for running React in Vite, as well as an example of connecting a wallet on the TON network and reading the balance through the orbs-network

Stack

• React
• Vite
• TonConnect UI React
• ORBS TON-access
• Flowbite-React

How to run

• Preinstall Node.js

• Install pnpm or use npm instead

• Clone this repo

git clone [email protected]:69popovvlad/react-ton-template.git
cd react-ton-template

• Copy .env.example to .env

cp .env.example .env

• Install all dependencies for a project

pnpm i

• Run dev mode

pnpm dev

• Or build it

pnpm build

Write your own style with tailwindcss

Create a new file <your_new_style>.css in the ./src/syles folder and add the line @import './styles/<your_new_style>.css'; to the file ./src/index.css

Components

Add all new components to the ./src/components folder, for example as the WalletBalance component