Oracle Explorer

Overview

The Explorer provides a comprehensive interface for users to browse, search, and interact with Intelligent Oracles deployed. It offers real-time monitoring of oracle statuses, transaction history, and appeal management capabilities (coming soon).

Features

1. Oracle Management
   • Browse and search all deployed oracles
   • Detailed view of individual oracle configurations
   • Real-time status updates

2. Transaction Tracking
   • Live transaction monitoring
   • Historical transaction records
   • Transaction detail inspection

3. Appeal System (coming soon)
   • View active and historical appeals
   • Appeal status tracking
   • Initiate new appeals through Bridge API

Technologies Used

• Vue.js 3
• Nuxt.js 3
• Tailwind CSS
• GenLayer SDK

Setup

1. Clone the repository

2. Install dependencies:

   npm install

3. Set up environment variables by copying the .env.example file in the root directory to .env and adding your own values.

Usage

1. Start the development server:

   npm run dev

2. Open your browser and navigate to http://localhost:3002

Screens

Oracle List View

• Displays all deployed oracles
• Quick status indicators

Oracle Detail View

• Complete oracle configuration
• Current status and outcome
• Transaction history
• Appeal options (coming soon)

Transaction List

• Real-time transaction feed
• Historical transaction lookup
• Transaction status tracking

Appeal Management (coming soon)

• Active appeals list
• Appeal history
• Appeal initiation interface
• Appeal status tracking

API Integration

The Explorer interfaces with multiple API endpoints:

• Registry Contract: Fetches oracle addresses and metadata
• Bridge API: Handles appeal submissions and transaction monitoring

Customization

The Explorer's appearance can be customized through Tailwind CSS classes in the component files. The main configuration file is tailwind.config.js.

Related Components

• Bridge & Chat API
• Configuration Wizard
• Intelligent Oracle Contracts