microdao-daarion/node-network-app

🌐 DAGI Node Network App

Окремий застосунок для управління мережею нод DAGI на порту 3000.

🎯 Що це?

Це мобільний/веб застосунок для:

• 📊 Моніторингу нод у мережі DAGI
• ➕ Підключення нових нод
• 📈 Перегляду метрик та статистики
• 🎛️ Управління кабінетами нод

🚀 Швидкий старт

# 1. Встановити залежності
npm install

# 2. Запустити dev server
npm run dev

# 3. Відкрити в браузері
http://localhost:3000

📦 Структура

node-network-app/
├── src/
│   ├── components/
│   │   └── Layout.tsx           # Основний layout з навігацією
│   ├── pages/
│   │   ├── Dashboard.tsx        # Головна сторінка з оглядом
│   │   ├── NodesPage.tsx        # Список всіх нод
│   │   ├── NodeDetailPage.tsx   # Детальна інформація про ноду
│   │   ├── ConnectNodePage.tsx  # Підключення нових нод
│   │   └── MetricsPage.tsx      # Метрики та статистика
│   ├── App.tsx
│   ├── main.tsx
│   └── index.css
├── index.html
├── vite.config.ts
├── tailwind.config.js
└── package.json

🎨 Features

✅ Dashboard

• Network statistics (всього нод, online, offline, uptime)
• Список останніх нод
• Quick actions (підключити ноду, метрики)

✅ Ноди

• Список всіх зареєстрованих нод
• Пошук та фільтрація
• Детальна інформація про кожну ноду
• Real-time оновлення статусів

✅ Підключення

• Інструкції для macOS/Linux/Windows
• Copy-to-clipboard команди
• Підказки для користувачів

✅ Метрики (Coming Soon)

• Графіки продуктивності
• Історія heartbeat
• Аналіз використання ресурсів

🔌 API Integration

Застосунок підключається до Node Registry Service:

// Proxy налаштовано в vite.config.ts
'/api' -> 'http://localhost:9205'

// Endpoints:
GET  /api/v1/nodes          - Список нод
GET  /api/v1/nodes/:id      - Інформація про ноду
GET  /api/metrics           - Network statistics
POST /api/v1/nodes/register - Реєстрація ноди
POST /api/v1/nodes/heartbeat - Heartbeat

📱 Responsive Design

• ✅ Desktop (1920x1080+)
• ✅ Tablet (768px+)
• ✅ Mobile (375px+)
• ✅ Touch-friendly navigation

🎯 Порти

• 3000 - DAGI Node Network App (цей проект)
• 8899 - MicroDAO Main App
• 9205 - Node Registry Service

🛠️ Технології

• React 18
• TypeScript
• Vite
• Tailwind CSS
• React Router
• Lucide Icons

📝 Development

# Запустити dev server
npm run dev

# Build для production
npm run build

# Preview production build
npm run preview

🎨 Дизайн

• Dark theme
• Gradient backgrounds
• Glassmorphism effects
• Mobile-first approach
• Beautiful animations

🔥 Що далі?

Phase 2:

• Real-time WebSocket оновлення
• Metrics charts (Chart.js)
• Node actions (reboot, logs)
• User authentication
• Node groups/tags

Phase 3:

• Mobile app (React Native)
• Push notifications
• Advanced analytics
• Multi-language support

📄 License

Private - DAGI Project

---

Created by: Daarion Team
Date: 2025-11-23
Version: 1.0.0