Name		Name	Last commit message	Last commit date
parent directory ..
src		src
.env.local		.env.local
.gitignore		.gitignore
README.md		README.md
eslint.config.mjs		eslint.config.mjs
index.html		index.html
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
tsconfig.app.json		tsconfig.app.json
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vite.config.ts		vite.config.ts

README.md

Echo React SDK - Vite Example

A minimal example showing how to use the Echo React SDK with Vite.

What it demonstrates

Unauthenticated state: Shows sign-in button when user is not authenticated
Zero balance state: Shows token purchase component when user has no credits
Success state: Shows welcome message when user has credits

Running the example

bun install
bun run dev

Code structure

The entire app is in src/App.tsx - just 70 lines of code demonstrating:

Setting up EchoProvider with configuration
Using useEcho hook to check authentication and balance
Conditionally rendering different UI states
Using EchoSignIn and EchoTokens components

This shows the complete user journey from sign-up to having a positive balance.