Network Monitor Dashboard

A modern, real-time dashboard for monitoring network nodes, connections, and performance metrics. Built with Next.js, React, and TypeScript.

Installation

Clone the repository:

git clone https://github.com/onoja123/network-monitor

cd network-monitor

Install dependencies:

npm install
# or
yarn install
# or
pnpm install
# or
bun install

Features

• Live metrics bar and quick filters for instant insights
• Interactive charts: throughput, performance, distribution, capacity, efficiency, and comparison
• Modular sidebar with advanced filtering (status, location, node types, performance)
• Alerts panel, node details, and stats panel for deep analysis
• Responsive grid and list views
• Export and deploy options

Getting Started

Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open your browser and visit http://localhost:3000 to view the dashboard.

Explore the Code

• Main dashboard: src/app/activity/page.tsx
• Filter panel: src/app/filter/page.tsx
• Components: src/app/components/
• Chart logic: src/utils/canva.ts

Learn More

• Next.js Documentation
• React Documentation
• TypeScript Handbook

Deploy

Deploy easily on Vercel or your preferred platform.

---

Try it out, explore the live metrics, and customize filters to see how your network responds!

Built with ❤️ by Onoja