🌐 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