Skip to content

zhuzhushiwojia/rustchain-block-explorer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

1 Commit
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ¦€ RustChain Block Explorer - Miner Dashboard

Bounty: #686 - Block Explorer GUI Upgrade
Tier: Tier 1 - Miner Dashboard (50 RTC)
Status: βœ… Complete and Ready for Review


🎯 What's Built

A real-time miner dashboard for the RustChain Block Explorer featuring:

  • βœ… Live Miner List - All active miners with real-time status
  • βœ… Hardware Classification - Visual badges for different hardware types
  • βœ… Antiquity Multipliers - Display bonus multipliers for vintage hardware
  • βœ… Online/Offline Status - Auto-detected based on last attestation
  • βœ… Auto-Refresh - Updates every 30 seconds
  • βœ… Search & Filter - Find miners by ID or hardware type
  • βœ… Sortable Columns - Click headers to sort
  • βœ… Responsive Design - Works on desktop and mobile
  • βœ… Dark Theme - RustChain branding (navy + gold)

πŸš€ Live Demo

URL: https://explorer.rustchain.org (deploy to port 5555)

Or open index.html directly in a browser.


πŸ“ Project Structure

bounty-686-block-explorer/
β”œβ”€β”€ index.html          # Main HTML page
β”œβ”€β”€ css/
β”‚   └── styles.css      # Dark theme styles
β”œβ”€β”€ js/
β”‚   └── app.js          # Dashboard logic
└── README.md           # This file

🎨 Design Features

Color Scheme

  • Background: #1a1a2e (Dark navy)
  • Cards: #16213e (Slightly lighter navy)
  • Accent: #f39c12 (Gold)
  • Text: #ecf0f1 (Light gray)

Hardware Badges

  • Modern (x86-64): Gold border
  • Apple Silicon: Blue border
  • PowerPC (Vintage): Purple border
  • ARM: Orange border

Status Indicators

  • Online (attested < 5 min): Green badge
  • Offline: Red badge

πŸ”§ Features

Overview Stats

  • Total Miners
  • Active Miners (last 5 minutes)
  • Current Epoch
  • Open Agent Jobs

Miner Dashboard

  • Sortable Table: Click column headers to sort
  • Search: Filter by miner ID or hardware type
  • Hardware Filter: Dropdown to filter by hardware category
  • Auto-Refresh: Toggle automatic updates every 30 seconds
  • Manual Refresh: Button to refresh on demand

Agent Economy Section

  • Open Jobs count
  • Completed Jobs count
  • Total RTC Volume
  • Active Agents
  • Recent Jobs list with rewards and categories

πŸ› οΈ Technical Details

API Endpoints Used

GET https://explorer.rustchain.org/api/miners
GET https://explorer.rustchain.org/epoch
GET https://explorer.rustchain.org/agent/stats
GET https://explorer.rustchain.org/agent/jobs

No Build Required

  • Pure HTML/CSS/JavaScript
  • No frameworks or dependencies
  • Drop-in ready for nginx deployment
  • Works as static files

Browser Compatibility

  • Modern browsers (Chrome, Firefox, Safari, Edge)
  • ES6+ JavaScript
  • CSS Grid and Flexbox

πŸ“Š Screenshot

The dashboard displays:

  1. Header with network status indicator
  2. Stats Grid with 4 overview metrics
  3. Miner Dashboard with search, filter, and sortable table
  4. Agent Economy section with job marketplace stats
  5. Footer with last update time and refresh countdown

🎯 Bounty Requirements Met

Tier 1: Miner Dashboard (50 RTC) βœ…

  • βœ… Active miners with architecture badges
  • βœ… Antiquity multipliers displayed visually
  • βœ… Last attestation timestamps
  • βœ… Online/offline status
  • βœ… Sortable table layout
  • βœ… Auto-refresh every 30 seconds
  • βœ… Dark theme matching RustChain branding
  • βœ… Responsive design (mobile-friendly)

Bonus Features Added

  • βœ… Search functionality
  • βœ… Hardware type filter
  • βœ… Agent Economy section preview
  • βœ… Network status indicator
  • βœ… Countdown timer for next refresh

πŸš€ Deployment

Option 1: Nginx (Recommended)

# Copy files to nginx directory
sudo cp -r * /var/www/explorer/

# Nginx config (already configured on port 5555)
server {
    listen 5555 ssl;
    server_name explorer.rustchain.org;
    root /var/www/explorer;
    index index.html;
}

Option 2: Local Testing

# Open directly in browser
open index.html

# Or serve with Python
python3 -m http.server 8080
# Visit: http://localhost:8080

πŸ’° Claim Information

Wallet: [YOUR_RTC_WALLET]

Claim Comment:

## 🎯 Claiming #686 - Block Explorer Miner Dashboard (Tier 1)

I've built a complete real-time miner dashboard for the RustChain Block Explorer.

### βœ… Features Delivered

| Feature | Status |
|---------|--------|
| Active miners list | βœ… Complete |
| Architecture badges | βœ… Complete |
| Antiquity multipliers | βœ… Complete |
| Online/offline status | βœ… Complete |
| Sortable table | βœ… Complete |
| Auto-refresh (30s) | βœ… Complete |
| Search & filter | βœ… Complete |
| Dark theme | βœ… Complete |
| Responsive design | βœ… Complete |
| Agent Economy preview | βœ… Bonus |

### πŸš€ Live Demo

**Files**: Ready to deploy to port 5555
**Repository**: [Your repo link]

### 🎨 Design

- Dark navy background (#1a1a2e)
- Gold accents (#f39c12)
- Hardware-specific badges
- Status indicators (green/red)

### πŸ’° Wallet

**RTC Address**: [YOUR_WALLET]

---

Ready for review! Can be deployed immediately. πŸš€

@Scottcjn

πŸ“ License

MIT License - Built for the RustChain community


Built with ❀️ for RustChain | Tier 1: 50 RTC

About

Miner Dashboard for RustChain Block Explorer - Bounty #686

Resources

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors