GitHub
Data Explorer
Full-stack internal tool built on own initiative, now in active daily use at OneSource. Query runner across 7 blockchain networks, AI-powered field and query explanations via Claude API, automated Jira ticket creation from user feedback, gamification with points and leaderboard, NFT collection discovery, and magic link auth.
Next.js
React
Apollo/GraphQL
PostgreSQL
Prisma
Claude API
Overview
Data Explorer started as a side project I built on my own initiative to solve a real problem: blockchain data was scattered across multiple networks with no unified way to query, understand, or act on results. What began as a personal tool is now in active daily use across the team.
The tool covers the full lifecycle — from writing and running queries across 7 blockchain networks, to AI-powered explanations of fields and results via the Claude API, to automated Jira ticket creation from user feedback. A points system and leaderboard gamify exploration, and NFT collection discovery makes browsing cross-chain data intuitive. The entire stack — Next.js 16, React 19, Apollo/GraphQL, PostgreSQL with Prisma, NextAuth v5, and Resend for magic link auth — was designed and built from scratch.
Screenshots
Quick Query — NFT Results
Explorer — Query Parameters
Schema Explorer — Interactive Graph
GraphQL Playground
Sourcerer — Field Selection
Query from Schema Explorer
Architecture
┌──────────────────────────────────────────────┐
│ NEXT.JS 16 / REACT 19 │
│ Query UI · AI Chat · Leaderboard │
└──────────────────────┬───────────────────────┘
│
┌──────────────────────┴───────────────────────┐
│ APOLLO / GRAPHQL │
│ 7 Blockchain Networks │
└────┬─────────────┬──────────────┬────────────┘
│ │ │
┌────┴─────┐ ┌─────┴─────┐ ┌─────┴────────────┐
│ CLAUDE │ │ POSTGRES │ │ JIRA API │
│ API │ │ /PRISMA │ │ Feedback → Tickets│
└──────────┘ └───────────┘ └───────────────────┘
Full-stack architecture — Next.js 16 front-end backed by Apollo/GraphQL, Claude API, PostgreSQL/Prisma, and Jira integration.
Features
Multi-chain Queries
Query across ETH, Avalanche, Sepolia and more — a unified runner for 7 blockchain networks with consistent response formats.
AI Explanations
Claude API explains fields and query results inline, making blockchain data accessible to non-technical stakeholders.
Jira Integration
User feedback auto-creates tickets for the data team with full context — query, results, and user notes attached.
Gamification
Points system and leaderboard driving engagement across the team, turning data exploration into a daily habit.
Collection Discovery
Browse and search NFT collections across chains with metadata previews, floor prices, and ownership distribution.
Magic Link Auth
Passwordless authentication via NextAuth v5 and Resend — frictionless onboarding with org-scoped access control.
Stack
Next.js 16
React 19
Apollo/GraphQL
PostgreSQL
Prisma
NextAuth v5
Resend
Claude API
Jira API