Live analytics and discovery dashboard for the Pharos Network ecosystem
Pharos Pulse is the ultimate dashboard for exploring the Pharos Network ecosystem. Track every major app, wallet trend, and ecosystem signal in real-time.
- Real-time ecosystem stats (live apps, transactions, wallets)
- Interactive charts (transactions over time, wallet growth)
- Trending apps discovery
- Live transaction feed
- Browse all 50+ ecosystem apps
- Filter by category (DeFi, Gaming, NFT, Infrastructure, Social, Payments, RWA, AI)
- Search and sort functionality
- Detailed app cards with stats
- Leaderboards by users, volume, growth, and newest
- Real-time ranking updates
- Score visualization
- Terminal-style live transaction feed
- Auto-updating with new transactions
- Transaction type categorization (swap, mint, transfer, deploy, vote, stake)
- Auto-generated ecosystem intelligence
- Category distribution charts
- Trending narratives
- Retention metrics
- Node.js 18+
- npm or yarn
# Clone the repository
git clone https://github.com/latiblack/pharos-pulse.git
cd pharos-pulse
# Install dependencies
npm install
# Start development server
npm run devOpen http://localhost:3000 in your browser.
- Framework: Next.js 14 (App Router)
- Styling: Tailwind CSS
- Charts: Recharts
- Icons: Lucide React
- Data: Mock JSON (ready for Goldsky integration)
| Route | Description |
|---|---|
/ |
Homepage dashboard with stats & charts |
/explorer |
Browse all ecosystem apps |
/app/[slug] |
Individual app detail page |
/rankings |
Leaderboards |
/live |
Live transaction feed |
/insights |
Ecosystem insights & analytics |
--pharos-bg: #0a0a0f /* Dark background */
--pharos-card: #12121a /* Card background */
--pharos-border: #1e1e2e /* Border color */
--pharos-electric: #00d4ff /* Electric blue */
--pharos-neon: #a855f7 /* Neon purple */
--pharos-success: #22c55e /* Success green */
--pharos-danger: #ef4444 /* Danger red */- Glassmorphism cards
- Glow effects on interactive elements
- Smooth animations
- Mobile-first responsive design
- Terminal-style live feed
The mock data is structured for easy Goldsky integration:
interface App {
id: string;
name: string;
category: "DeFi" | "Gaming" | "NFT" | ...;
users_today: number;
volume_24h: number;
trend_percent: number;
contract_address: string;
// ... more fields
}See src/lib/mockData.ts for the complete data schema.
- Install Goldsky CLI:
npm install -g @goldskycom/cli- Add your subgraph:
goldsky subgraph create pharos-network- Update API calls in components to fetch from Goldsky subgraph
Edit src/lib/mockData.ts to add more ecosystem apps:
export const MOCK_APPS: App[] = [
{
id: "11",
name: "NewApp",
slug: "newapp",
category: "DeFi",
// ... more fields
},
];- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
MIT License - see LICENSE for details.
Built with ❤️ for the Pharos ecosystem