# network-monitor-frontend

**Repository Path**: wangyuanjianZ/network-monitor-frontend

## Basic Information

- **Project Name**: network-monitor-frontend
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-21
- **Last Updated**: 2025-09-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Network Monitor Frontend

网络监控前端界面 - 部署在 Vercel

## 功能特性

- ✅ 实时网络速度监控
- ✅ 坐标轴图表显示
- ✅ 位置信息展示
- ✅ 响应式设计
- ✅ 离线支持
- ✅ 性能优化

## 部署

此项目已配置为自动部署到 Vercel：

1. 代码推送到 Gitee 主分支
2. Vercel 自动检测并部署
3. 环境变量通过 Vercel 配置

## 环境变量

在 Vercel 中配置：

```
API_BASE_URL=https://network-monitor-backend.railway.app
NODE_ENV=production
```

## 文件结构

- `templates/index.html` - 主页面
- `static/css/style.css` - 样式文件
- `static/js/api-client.js` - API 客户端
- `static/js/realtime-monitor.js` - 实时监控脚本
- `static/js/sw.js` - Service Worker
- `vercel.json` - Vercel 配置

## 技术栈

- HTML5 + CSS3 + JavaScript (ES6+)
- Chart.js
- Vercel