Skip to content

DHEBP/DERO-Explorer-TELA

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TELA Explorer

Modern blockchain explorer for DERO network built with TELA. View blocks, transactions, smart contracts, mempool, and network statistics with real-time updates. Features privacy-focused UI, advanced search, and local-first architecture.

Features

🔍 Comprehensive Blockchain Exploration

  • Blocks: View block details, height, timestamp, and transactions
  • Transactions: Explore transaction details, amounts, and confirmations
  • Smart Contracts: Browse DERO smart contracts (DVM-BASIC)
  • Mempool: Real-time view of pending transactions
  • Network Stats: Hashrate, difficulty, block time, and node count

🔒 Privacy-First Architecture

  • Local Node Connection: Connects to YOUR DERO daemon
  • Zero Third-Party Tracking: No analytics, no external servers
  • Client-Side Only: All processing happens in your browser
  • Complete Sovereignty: Full control over your data

Built on TELA

  • Decentralized Hosting: Deploy on DERO blockchain
  • Censorship Resistant: Cannot be taken down
  • Local-First: Works offline after initial load
  • XSWD Integration: Seamless wallet connection

Quick Start

Prerequisites

  • DERO Daemon running locally
  • TELA-CLI installed (for deployment)
  • Modern Web Browser (Chrome, Firefox, Brave)

Option 1: Deploy to DERO Blockchain

# Start TELA-CLI with your wallet
tela-cli --mainnet
» wallet ./your-wallet.db

# Deploy all files as TELA-DOCs
» install-doc index.html
» install-doc styles-core.css
» install-doc styles-components.css
» install-doc styles-enhanced.css
» install-doc main-core.js
» install-doc main-utils.js
» install-doc explorer.js
» install-doc network-mining.js
» install-doc icon100.svg
» install-doc favicon.svg

# Create the INDEX contract
» install-index "TELA Explorer"

# Note the INDEX SCID, then serve it
» serve [your-index-scid]

Project Structure

DERO-Explorer-TELA/
├── index.html                  # Main HTML structure
├── styles-core.css             # Core styling
├── styles-components.css       # Component styles
├── styles-enhanced.css         # Enhanced UI elements
├── main-core.js                # Core application logic
├── main-utils.js               # Utility functions
├── explorer.js                 # Blockchain exploration features
├── network-mining.js           # Network statistics
├── icon100.svg                 # Application icon
├── favicon.svg                 # Browser favicon
├── README.md                   # This file
└── LICENSE                     # MIT License

Configuration

DERO Daemon Connection

By default, the explorer connects to:

  • HTTP RPC: http://127.0.0.1:10102/json_rpc
  • WebSocket: ws://127.0.0.1:10102/ws

To change the connection, edit the endpoint in your browser's developer console:

// In browser console
localStorage.setItem('dero-node-endpoint', 'http://your-node:10102');
location.reload();

Network Selection

The explorer automatically detects the network (Mainnet/Testnet/Simulator) from your connected daemon.

Features in Detail

Block Explorer

  • View recent blocks with real-time updates
  • Block details: height, hash, timestamp, size
  • Transaction count and miner reward
  • Previous/next block navigation

Transaction Viewer

  • Transaction details and status
  • Ring size and privacy features
  • Integrated addresses (sender/receiver)
  • Block confirmations

Smart Contract Browser

  • View deployed DERO smart contracts
  • Contract code and variables
  • SCID lookup and verification
  • TELA-specific contract highlighting

Mempool Monitor

  • Real-time pending transactions
  • Transaction fees and size
  • Estimated confirmation time
  • Mempool statistics

Network Statistics

  • Current block height
  • Network hashrate
  • Mining difficulty
  • Average block time
  • Connected peers

Technology Stack

  • Frontend: Vanilla JavaScript (ES6+)
  • Styling: Modern CSS with animations
  • Architecture: Client-side, local-first
  • Platform: TELA (The Enhanced Local Apps)
  • Blockchain: DERO Network

Development

Local Development Setup

# Clone repository
git clone https://github.com/DHEBP/DERO-Explorer-TELA.git
cd DERO-Explorer-TELA

# Start local server
python3 -m http.server 8080

# Open in browser
open http://localhost:8080

Making Changes

  1. Edit files directly
  2. Refresh browser to see changes
  3. Test with your local DERO daemon
  4. Deploy updated files via TELA-CLI

Testing

  • Test with Simulator network first (fast, free)
  • Move to Testnet for realistic testing
  • Deploy to Mainnet when ready

Deployment Guide

Full TELA Deployment

See the TELA Documentation for complete deployment guides:

Privacy & Security

Privacy Features

  • No external requests - All data from your local node
  • No analytics - Zero tracking or telemetry
  • No cookies - No user tracking
  • Local storage only - Settings saved locally

Security Considerations

  • Only connects to YOUR local DERO daemon
  • All RPC calls use localhost
  • No third-party dependencies loaded from CDNs
  • All code is auditable and open source

Contributing

We welcome contributions! Here's how you can help:

Ways to Contribute

  • 🐛 Report bugs or issues
  • 💡 Suggest new features
  • 📝 Improve documentation
  • 🎨 Enhance UI/UX
  • ⚡ Optimize performance
  • 🔧 Fix bugs

Contribution Process

  1. Fork the repository
  2. Create a feature branch: git checkout -b feature/your-feature
  3. Make your changes
  4. Test with local DERO daemon
  5. Commit: git commit -m "Add feature"
  6. Push: git push origin feature/your-feature
  7. Open a Pull Request

License

MIT License - see LICENSE file for details.

Disclaimer

This is a community-built tool and is not officially affiliated with the DERO project. Always verify critical information with multiple sources.


Built with ❤️ for the DERO & TELA Community

Privacy Together

About

Real-time blockchain explorer for DERO network. Built with TELA web3 platform for local-first, censorship-resistant blockchain exploration.

Topics

Resources

License

Stars

Watchers

Forks

Contributors