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

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

Transaction Tracking
- Live transaction monitoring
- Historical transaction records
- Transaction detail inspection

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

Clone the repository
Install dependencies:
```
npm install
```
Set up environment variables by copying the .env.example file in the root directory to .env and adding your own values.

Usage

Start the development server:
```
npm run dev
```
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 Intelligent Oracle Contracts