Skip to content

serayd61/Superchain-token-explorer

Repository files navigation

πŸš€ Superchain Token Explorer

🌐 Live Demo

πŸš€ Try it live!

Vercel License OP Stack

A real-time dashboard for tracking new token deployments across the Optimism Superchain ecosystem. Monitor liquidity pools, analyze smart contracts, and discover new opportunities across 7+ OP Stack chains.

Superchain Token Explorer OP Stack License

🌟 Features

  • πŸ”΄ Multi-Chain Support: Track tokens across Base, OP Mainnet, Mode, Zora, Fraxtal, World Chain, and Lisk
  • ⚑ Real-Time Detection: Scan blockchain blocks for new token deployments
  • πŸ’§ LP Detection: Check Uniswap V2/V3 liquidity pool status
  • πŸ“Š Token Analytics: View token metadata, supply, and deployment details
  • πŸ”— Explorer Integration: Direct links to blockchain explorers
  • 🎯 OP Stack Focus: Filter to show only Superchain deployments

πŸ› οΈ Technology Stack

Frontend:

  • Next.js 15 (App Router)
  • TypeScript
  • Tailwind CSS
  • Recharts for data visualization

Blockchain Integration:

  • Ethers.js v6
  • Multi-RPC endpoint support
  • Event log analysis

πŸ“¦ Installation

  1. Clone the repository:
git clone https://github.com/YOUR_USERNAME/base-token-explorer.git
cd base-token-explorer
  1. Install dependencies:
npm install
  1. Set up environment variables:
cp .env.local.example .env.local

Edit .env.local with your RPC URLs (optional - defaults provided):

BASE_RPC_URL=https://mainnet.base.org
OPTIMISM_RPC_URL=https://optimism.drpc.org
# ... other chains
  1. Run the development server:
npm run dev

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

🌐 Supported Chains

OP Stack Chains (Superchain)

  • πŸ”΅ Base - Coinbase's L2
  • πŸ”΄ OP Mainnet - Optimism mainnet
  • 🟒 Mode - DeFi-focused L2
  • 🟣 Zora - NFT-focused L2
  • 🟠 Fraxtal - Frax Finance L2
  • 🌍 World Chain - Worldcoin L2
  • πŸ”· Lisk - Application-specific L2

Other Chains

  • ⟠ Ethereum - Mainnet
  • πŸ”· Arbitrum - Arbitrum One
  • 🟣 Polygon - Polygon PoS

πŸš€ Usage

  1. Select a blockchain from the dropdown
  2. Set the number of blocks to scan (1-100)
  3. Click "Start Scan" to find new token deployments
  4. View results in the table with token details
  5. Optional: Toggle "OP Stack Only" to filter Superchain tokens

πŸ”§ API Endpoints

Scan for Tokens

GET /api/scan?chain={chain}&blocks={number}&opStackOnly={boolean}

Parameters:

  • chain: Chain name (base, optimism, ethereum, etc.)
  • blocks: Number of blocks to scan (1-100)
  • opStackOnly: Filter for OP Stack chains only

Response:

{
  "success": true,
  "chain": "base",
  "blocks_scanned": 10,
  "results": [...],
  "summary": {
    "total_contracts": 5,
    "lp_contracts": 2,
    "success_rate": 40.0
  }
}

πŸ—οΈ Architecture

β”œβ”€β”€ app/
β”‚   β”œβ”€β”€ api/
β”‚   β”‚   └── scan/
β”‚   β”‚       └── route.ts    # Blockchain scanning API
β”‚   β”œβ”€β”€ page.tsx           # Main page
β”‚   └── layout.tsx         # App layout
β”œβ”€β”€ components/
β”‚   β”œβ”€β”€ TokenScanner.tsx   # Main scanner component
β”‚   └── ChainSelector.tsx  # Chain selection dropdown
β”œβ”€β”€ backend/
β”‚   └── *.py              # Python scripts (legacy)
└── public/               # Static assets

🀝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

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

🎯 Optimism Ecosystem

This project is built specifically for the Optimism Superchain ecosystem and aims to:

  • Support Superchain growth and adoption
  • Provide valuable tools for developers and traders
  • Contribute to the OP Stack ecosystem
  • Apply for grants through the OP Atlas program

πŸš€ Superchain Token Explorer

Optimism License OP Stack

🌟 Superchain-Specific Features

πŸ”΄ OP Stack Native

  • Multi-Chain Dashboard: Real-time metrics across all OP Stack chains
  • Cross-Chain Token Tracker: Monitor tokens deployed on multiple Superchain networks
  • Gas Efficiency Analysis: Compare L2 gas savings vs Ethereum mainnet
  • Bridge Activity Monitor: Track cross-chain token movements

πŸ“Š Advanced Analytics

  • Chain activity comparison
  • Token deployment patterns
  • Liquidity distribution analysis
  • Developer activity metrics

πŸ› οΈ Developer Tools

  • REST API for all Superchain data
  • Webhook notifications for new deployments
  • CSV export functionality
  • TypeScript SDK (coming soon)

πŸš€ Quick Start

git clone https://github.com/serayd61/superchain-token-explorer
cd superchain-token-explorer
npm install
npm run dev
## πŸ“ License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## πŸ™ Acknowledgments

- Optimism team for the OP Stack
- Base team for RPC infrastructure
- All Superchain builders and contributors

## πŸ“§ Contact

**Built with ❀️ for the Superchain**
=======
- GitHub: [@serayd61](https://github.com/serayd61)
- Twitter: [@serayd61](https://twitter.com/serayd61)

About

Real-time token deployment tracking across the Optimism Superchain ecosystem (7+ OP Stack chains)

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published