The Most Comprehensive Blockchain Explorer for 0G Network
- Track: DevTooling
- Team: CoinsSpor Team
- Current Wave: Wave 4 Completed ✅
- Overall Progress: 4/5 Waves Completed
- Demo Video: Watch on YouTube
Completion Rate: 100%
Delivered Features:
- ✅ Complete delegation management system with MetaMask integration
- ✅ One-click delegate/undelegate operations
- ✅ Portfolio analytics with Recharts visualization
- ✅ 100-block uptime analysis grid
- ✅ Real-time block proposer detection
- ✅ Transaction history tracking with categorization
- ✅ Delegator distribution analytics
- ✅ Validator performance metrics
- ✅ Enhanced UI/UX with responsive design
Completion Rate: 100%
All Features Delivered:
- ✅ Advanced Search System - Transaction hash, block number, and address lookup
- ✅ Transaction Detail Pages - Comprehensive transaction information with builder UI
- ✅ RPC Scanner Tool - Testing and comparing multiple RPC endpoints
- ✅ Contract Deployment Helper - Simplified smart contract deployment interface
- ✅ Smart Contract Verification System - Source code verification for deployed contracts
- ✅ Gas Price Estimator - Intelligent gas fee prediction algorithms
📝 Note: Advanced search and transaction features were delivered ahead of schedule in Wave 2, allowing us to complete all Wave 3 developer tools earlier than planned.
Completion Rate: 100%
🎯 All Features Delivered:
- ✅ Replaced all mock data with real blockchain block data
- ✅ Real validator names and block rewards displayed
- ✅ Block size and gas used information integrated
- ✅ Simple pagination system (Previous/Next buttons)
- ✅ Click-to-view block details functionality
- ✅ Real-time block updates every 6 seconds
📝 Note: Block page is fully functional with real data. You can see it live on 0G Mainnet Explorer - our testnet version is ready but waiting for validator announcement to populate data.
- ✅ Comprehensive statistics cards added to homepage
- ✅ Total blocks count with live updates
- ✅ Total transactions count tracking
- ✅ Network health indicators
- ✅ Last update timestamp
- ✅ Average block time calculation
- ✅ Real-time synchronization with blockchain
Left Widget - Mainnet Network Statistics:
- ✅ Real-time data from 0G Mainnet (chainscan.0g.ai API)
- ✅ Chain ID: 16661 display
- ✅ Total blocks counter (live)
- ✅ Total transactions tracker
- ✅ Active accounts monitoring
- ✅ Current TPS display
- ✅ Gas usage metrics
- ✅ Smart contracts count
- ✅ Direct link to mainnet explorer
- ✅ Glassmorphism design with blue pulse animation
Right Widget - Mainnet Launch Announcement:
- ✅ "Mainnet Launched" celebration banner
- ✅ Network status indicators
- ✅ Operational status display
- ✅ One-click "Add to MetaMask" button
- ✅ Official resources links (Docs, Explorer)
- ✅ Quick actions panel
- ✅ Glassmorphism design with green pulse animation
🎨 Design Features:
- ✅ Widget placement: Left and right side of rotating cube
- ✅ Floating animations for smooth user experience
- ✅ Pulse glow effects (blue for left, green for right)
- ✅ Live data updates every 30 seconds
- ✅ Responsive layout for all screen sizes
🚀 Additional Improvements:
- ✅ Enhanced block explorer with filtering options
- ✅ Improved data caching for faster page loads
- ✅ Real-time synchronization with blockchain
- ✅ Mobile-responsive block display
- ✅ Dual network monitoring (Testnet + Mainnet)
🎯 Result: Wave 4 exceeded expectations! Not only did we complete all required features, but we also added mainnet integration widgets that showcase both Galileo Testnet and 0G Mainnet simultaneously.
Target Completion: Next Wave
Planned Features:
- 🔲 Dark/Light theme toggle with localStorage persistence
- 🔲 Copy buttons for all addresses and transaction hashes
- 🔲 Skeleton loaders and loading states
- 🔲 Enhanced footer with version info and links
- 🔲 Comprehensive error handling with retry mechanisms
- 127+ validators tracked with 6-layer detection system
- Live block production monitoring
- Instant uptime calculations
- Network health dashboard
- Dual network display (Testnet + Mainnet)
- MetaMask wallet integration
- One-click delegation operations
- Portfolio management and analytics
- Reward tracking and history
- Real blockchain data (no mock data)
- Transaction search and filtering
- Block details with validator information
- Gas usage analytics
- Live on Mainnet: 0g-explorer.com
- Real-time mainnet statistics
- Chain ID and network info
- Live transaction counts
- Active accounts monitoring
- Current TPS tracking
- One-click MetaMask network addition
- RPC endpoint scanner and comparator
- Smart contract deployment helper
- Contract verification system
- Gas price estimation tools
- Delegator distribution visualization
- Performance metrics and charts
- Uptime grid (last 100 blocks)
- Transaction categorization
- 📹 Video Demo: YouTube - 0G Galileo Explorer Walkthrough
- 🌐 Testnet Explorer: 0ggalileoexplorer.coinsspor.com
- 🚀 Mainnet Explorer: 0g-explorer.com (See Blocks page in action!)
- 📖 Full Documentation: API Documentation
- 🗺️ Roadmap: Project Roadmap
# Clone repository
git clone https://github.com/coinsspor/0g-galileo-explorer.git
cd 0g-galileo-explorer
# Install all dependencies
npm run install:all
# Start all services
npm run start:all
# Access endpoints:
# Frontend: http://localhost:5174
# Validator API: http://localhost:3001
# Blockchain API: http://localhost:3002
# Uptime API: http://localhost:3004# Copy environment template
cp .env.example .env
# Configure your RPC endpoints
VITE_RPC_ENDPOINT=https://evmrpc-testnet.0g.ai
VITE_STAKING_CONTRACT=0x0000000000000000000000000000000000001000
# Mainnet Configuration (for widgets)
VITE_MAINNET_RPC=https://evmrpc.0g.ai
VITE_MAINNET_API=https://chainscan.0g.ai┌─────────────────────────────────────────────┐
│ Frontend (React + TypeScript) │
│ - Modern UI with TailwindCSS │
│ - Real-time updates │
│ - Wallet integration │
│ - Mainnet widgets integration │
└──────────────────┬──────────────────────────┘
│
▼
┌─────────────────────────────────────────────┐
│ 3-Layer Microservices API │
├─────────────────────────────────────────────┤
│ API 1: Validator Service (Port 3001) │
│ - Validator data & management │
│ - Staking operations │
│ - Performance metrics │
├─────────────────────────────────────────────┤
│ API 2: Blockchain Service (Port 3002) │
│ - Block data & transactions │
│ - Network statistics │
│ - Search functionality │
├─────────────────────────────────────────────┤
│ API 3: Uptime Service (Port 3004) │
│ - Real-time block proposer tracking │
│ - Uptime calculations │
│ - Performance analytics │
└──────────────────┬──────────────────────────┘
│
▼
┌─────────────────────────────────────────────┐
│ 0G Network Infrastructure │
│ - Testnet: Galileo (evmrpc-testnet) │
│ - Mainnet: Production (evmrpc.0g.ai) │
│ - Staking Smart Contracts │
│ - Real Blockchain Data │
└─────────────────────────────────────────────┘
| Metric | Value | Status | Improvement |
|---|---|---|---|
| Response Time | <100ms | ✅ Excellent | +30% faster |
| Uptime | 99.9% | ✅ Excellent | Maintained |
| Cache Hit Rate | 87% | ✅ Good | +15% |
| Validators Tracked | 127+ | ✅ Complete | 100% coverage |
| Daily API Calls | 15,000+ | ✅ Active | +50% growth |
| Block Updates | 6 seconds | ✅ Real-time | Live sync |
| Data Accuracy | 100% | ✅ Perfect | No mock data |
| Mainnet Integration | Live | ✅ Operational | New feature |
- Framework: React 19 with TypeScript
- Build Tool: Vite 5.x
- Styling: TailwindCSS 3.x
- Charts: Recharts for data visualization
- Wallet: MetaMask SDK integration
- State Management: React Hooks & Context API
- Icons: Lucide React
- Runtime: Node.js 18+
- Framework: Express.js
- Blockchain: ethers.js v6
- Caching: In-memory cache with TTL
- API Design: RESTful microservices
- Blockchain: 0G Network (EVM Compatible)
- Testnet: Galileo (Chain ID: 16600)
- Mainnet: Production (Chain ID: 16661)
- RPC: Multiple endpoints for redundancy
- Deployment: VPS with Nginx reverse proxy
- SSL: Let's Encrypt certificates
- Monitoring: Real-time health checks
- 0G Testnet: Full RPC integration for Galileo testnet
- 0G Mainnet: Live statistics integration
- Smart Contracts: Direct interaction with staking and validator contracts
- Real-time Data: Live block and transaction tracking
- Validator System: Complete validator management and monitoring
- Mainnet API: Integration with chainscan.0g.ai for live mainnet data
Testnet APIs:
https://evmrpc-testnet.0g.ai- Galileo testnet RPC
Mainnet APIs:
https://evmrpc.0g.ai- Mainnet RPChttps://chainscan.0g.ai- Mainnet explorer API/statistics/tps- Transaction per second/statistics/transaction- Transaction stats/statistics/account/growth- Account growth/statistics/block/gas-used- Gas metrics/statistics/contract- Contract statistics
- 0G Storage: Decentralized storage integration (Wave 5)
- 0G DA: Data availability layer features (Wave 6)
- 0G Compute: Computational network integration (Wave 6)
GET /api/validators - List all validators
GET /api/validators/:address - Get validator details
POST /api/validators/delegate - Delegate tokens
POST /api/validators/undelegate - Undelegate tokens
GET /api/blocks - Get recent blocks (real data)
GET /api/blocks/:number - Get block details
GET /api/transactions - Get recent transactions
GET /api/transactions/:hash - Get transaction details
GET /api/stats - Get network statistics
GET /api/search - Search blocks/txs/addresses
GET /api/uptime/:validator - Get validator uptime
GET /api/uptime/grid - Get 100-block uptime grid
GET /api/proposers - Get recent block proposers
✨ 100% Real Data Implementation
- Eliminated all mock data from the platform
- Real-time blockchain synchronization
- Accurate validator and block information
- Live mainnet statistics integration
📊 Enhanced Statistics Dashboard
- Live network metrics
- Dynamic data tracking
- Real-time update timestamps
- Mainnet and testnet comparison
🚀 Mainnet Integration Widgets
- Left widget: Real-time mainnet network statistics
- Right widget: Mainnet launch announcement & quick actions
- Live data from chainscan.0g.ai API
- One-click MetaMask network addition
- Glassmorphism design with animations
🎨 Performance Optimization
- 30% faster response times
- Improved caching strategies
- Better API calls management
- Smooth animations and transitions
- Exceeded Requirements: We didn't just deliver what was asked - we added mainnet integration!
- Dual Network Support: Users can monitor both testnet and mainnet simultaneously
- Live Mainnet Data: Real-time statistics from production network
- Enhanced UX: Beautiful glassmorphism widgets with smooth animations
- Future-Ready: Block page structure ready for validator announcements
- Testnet Explorer: 0ggalileoexplorer.coinsspor.com
- Mainnet Block Page: 0g-explorer.com - See our work in action!
- 🏆 4/6 Waves completed successfully
- 🎯 127+ validators actively tracked
- 📈 15,000+ daily API requests
- ⚡ <100ms average response time
- 🌐 99.9% uptime maintained
- 💯 Zero mock data remaining
- 🚀 Mainnet integration bonus feature
- ✅ Block page with 100% real data
- ✅ Statistics widgets on homepage
- ✅ Mainnet integration (bonus!)
- ✅ Dual network monitoring
- ✅ Live API connections
- ✅ Beautiful UI animations
- ✅ One-click MetaMask integration
We welcome contributions from the community! Here's how you can help:
- Fork the repository
- Create a feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Please read our Contributing Guide for more details.
This project is licensed under the MIT License - see the LICENSE file for details.
- Testnet Explorer: https://0ggalileoexplorer.coinsspor.com
- Mainnet Blocks: https://0g-explorer.com
- GitHub: @coinsspor
- Discord: 0G Labs Community
- Demo Video: YouTube Tutorial
- Documentation: Full API Docs
- 0G Labs Team - For building an amazing blockchain infrastructure and launching mainnet!
- Wavehack Organizers - For creating this opportunity to showcase our work
- 0G Community - For continuous support and valuable feedback
- Contributors - Everyone who helped improve this project
A huge thank you to the 0G team for launching the mainnet! This allowed us to go beyond Wave 4 requirements and integrate real mainnet data into our explorer. The dual network monitoring feature showcases the power and scalability of the 0G ecosystem.
⭐ Star this repo | 🐛 Report Bug | 💡 Request Feature
Wave 4 Completed ✅ | Mainnet Integration Live 🚀 | 4/5 Waves Done 📊