Skip to content

Instantly share code, notes, and snippets.

@Aboudjem

Aboudjem/23-ecosystem-hub.md

Last active March 30, 2026 08:00
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Aboudjem/38c2aafd91e51652a11f0eaae9f915e1 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Aboudjem/38c2aafd91e51652a11f0eaae9f915e1 to your computer and use it in GitHub Desktop.
Download ZIP
Integra PRD: 23-ecosystem-hub
Raw
23-ecosystem-hub.md

Ecosystem Hub

Owner: Adam | Ship: Week 2-3 | Est: 0.5-1d | Chain: integra-testnet-1 (EVM 26218) URL: Integrated into integra-dashboard-frontend (polytrade-finance repo)

Overview

A directory page within the existing Integra dashboard that showcases every dApp, tool, and service in the ecosystem. Grid layout with category filters, search, and a featured section — modeled after Polygon, Arbitrum, and Base ecosystem pages. This is the front door for the ecosystem: it drives traffic to all other dApps, signals ecosystem health to investors, and gives builders a place to list their projects.

Features

  • Featured Section — Top-of-page highlight area for 2-3 core products (GOB, Staking, etc.) with larger cards and descriptions
  • App Grid — 3-4 column responsive card grid of all ecosystem dApps, collapsing to 1-2 columns on mobile
  • App Cards — Each card shows: logo, app name, category badge, one-line description, status badge (Live / Coming Soon), and external link
  • Category Filter — Pill/tab filter across 6 categories: DeFi, AI Agents, Infrastructure, Trading, Consumer, Developer Tools
  • Search Bar — Client-side fuzzy search over app name and description with real-time filtering
  • Status Badges — Visual distinction between Live and Coming Soon apps
  • Static Data Source — All app entries stored in a single JSON file checked into the repo for easy updates
  • No Wallet Required — Public page, no authentication needed to browse
  • Responsive Layout — Full grid on desktop, stacked cards on mobile
  • Deep Linking — Each app card links out to the dApp in a new tab

Functions

  • EcosystemPage — Main page component with featured section and filterable grid
  • AppCard — Reusable card component rendering logo, name, category, description, status, and link
  • CategoryFilter — Pill/tab filter toggling visible categories
  • SearchBar — Client-side fuzzy search filtering cards by name and description

User Flow

  1. Navigate to /ecosystem from the dashboard sidebar or top nav
  2. See featured apps highlighted at the top
  3. Browse the full grid of ecosystem dApps below
  4. Filter by category (DeFi, AI Agents, Infrastructure, Trading, Consumer, Developer Tools)
  5. Search by name or keyword
  6. Click a card to open the dApp in a new tab

Deliverables

  • /ecosystem route within existing dashboard layout
  • Featured section with 2-3 highlighted apps
  • Responsive app card grid (3-4 columns desktop, 1-2 mobile)
  • Category filter across all 6 categories
  • Fuzzy search bar with real-time filtering
  • App card component (logo, name, category badge, description, status badge, link)
  • ecosystem-apps.json data file with 8+ entries across 3+ categories
  • Mobile-responsive layout

Integration Points

  • Depends on: polytrade-finance/integra-dashboard-frontend (existing repo, existing layout/theme/components)
  • Used by: All Integra dApps (listed as entries), Marketing site (links to this page)
  • Explorer: N/A (no on-chain component)

XP Rewards

Action Points
N/A Discovery page — no transactional XP

Success Metrics

Metric Target
App entries listed 15+ across 4+ categories
Outbound clicks to dApps 500+ per month
Page views 1,000+ per month
Search usage rate 20%+ of visitors use search
Mobile traffic share 30%+ of page views
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment