SupraBot - Official Website

The official website for SupraBot, a Telegram trading bot for the Supra blockchain ecosystem.

🌐 Live Site: suprabot.io 📚 Documentation: docs.suprabot.io 🤖 Telegram Bot: @supratrade_bot

Features

• Live SUPRA Price Tracking - Real-time price updates with 24h change
• Interactive Chart - TradingView integration for advanced price analysis
• Wallet Generator - Client-side secure Supra wallet generation (100% non-custodial)
• Comprehensive Documentation - Complete guide for all features
• Bot Stats - Live statistics from the Telegram bot
• SEO Optimized - Full structured data, sitemaps, and meta tags

Tech Stack

• Framework: Next.js 15.5.5 with Turbopack
• Language: TypeScript
• Styling: Tailwind CSS
• Blockchain: Supra Network
• Wallet Generation: @noble/ed25519, @noble/hashes, bip39
• Charts: TradingView widgets
• Deployment: Vercel

Security

Wallet Generator

The wallet generator is 100% client-side and open source for transparency:

• Private keys are generated in your browser using @noble/ed25519
• No data is ever sent to any server
• Uses industry-standard BIP-39 for mnemonic generation
• All cryptographic operations happen locally

You can verify this by:

1. Checking the Network tab in DevTools (zero requests during generation)
2. Reviewing the source code in components/GeneratedWallet.tsx
3. Disconnecting from the internet and generating a wallet

Getting Started

Prerequisites

• Node.js 18+
• pnpm (recommended) or npm

Installation

# Clone the repository
git clone https://github.com/orionized/suprabot-web.git
cd suprabot-web

# Install dependencies
pnpm install

# Copy environment variables
cp .env.example .env

# Add your Supra API key to .env
# SUPRA_API_KEY=your_api_key_here

# Run development server
pnpm dev

Open http://localhost:3000 to see the site.

Build for Production

pnpm build
pnpm start

Environment Variables

Create a .env file with:

NODE_ENV=production
NEXT_PUBLIC_APP_URL=https://suprabot.io
SUPRA_API_KEY=your_supra_api_key

Note: Get your Supra API key from Supra Oracles

Project Structure

├── app/                    # Next.js 15 App Router
│   ├── api/               # API routes (price, stats)
│   ├── chart/             # Trading chart page
│   ├── guide/             # Documentation pages
│   ├── wallet/            # Wallet generator page
│   └── page.tsx           # Homepage
├── components/            # React components
│   ├── GeneratedWallet.tsx    # Wallet generator logic
│   ├── SupraPriceClient.tsx   # Price tracking
│   └── ...
├── public/                # Static assets

API Routes

• GET /api/supra-price - Fetches current SUPRA price and 24h change
• GET /api/supra-stats - Returns bot statistics (holders, transactions, etc.)

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

Why Open Source?

We believe in transparency, especially for crypto tools that handle sensitive operations like wallet generation. By making this project open source:

✓ Users can verify the wallet generator's security ✓ Community can contribute improvements ✓ We establish trust in the Supra ecosystem ✓ Developers can learn from our implementation

Roadmap

• Live price tracking
• Wallet generator
• Documentation site
• Trading charts
• SEO optimization

License

MIT License - see LICENSE file for details.

Copyright (c) 2025 SupraBot

Links

• Website: suprabot.io
• Telegram: @suprabot_io
• Twitter (X): @suprabot_io
• GitHub: github.com/orionized/suprabot-web

---

Built with ❤️ for the Supra community