Xandeum Nexus is a next-generation storage explorer and telemetry dashboard for the Xandeum Network. It provides real-time analytics, validator monitoring, and deep storage insights with a high-fidelity, sci-fi inspired user interface.
- Immersive Sci-Fi UI: A "glassmorphic" design system with holographic elements, dynamic backgrounds, and noise textures.
- Real-Time Telemetry: Live data feeds for network capacity, active nodes, and token metrics.
- Interactive Global Map: Zoomable world map visualizing pNode distribution across regions (NA-East, EU-West, etc.).
- Validator Watch: Track specific nodes and simulate wallet connection (0x...39A2) for personalized alerts.
- Live Gossip Ticker: Real-time scrolling feed of network events, transactions, and governance proposals.
- Responsive Design: Fully optimized for mobile, tablet, and desktop viewports.
- Framework: Next.js 16 (App Router, Turbopack)
- Styling: Tailwind CSS v4, custom CSS variables for neon effects
- Icons: Lucide React
- Animations: Framer Motion
- Visualization: react-simple-maps, d3-scale
-
Clone the repository:
git clone https://github.com/salatech/xandeum.git cd xandeum-next -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open http://localhost:3000 in your browser.
A D3-powered visualization showing the geographical spread of storage nodes. Supports zooming, panning, and region highlighting.
A smart widget that handles wallet connection states (Simulated). It transforms from a simple "Connect" button to a full monitoring panel.
The core UI building block. A polymorphic component that emits neon glow (Cyan, Purple, Blue, Yellow) around its borders.
Contributions are welcome! Please feel free to submit a Pull Request.