HiHiMonitor - Portfolio & Demos

Infra & Monitor DEMOs

Network Monitoring

LibreNMS

因應網路升級以 Fortinet 50E 替代原有網路分享器並以小米 WIFI 架設 MESH 網路，架設 LibreNMS 監控網路狀態，並已完成 Telegram 異常告警通知設定。

Visit Demo

Virtualization

VCSA Monitor

利用 docker-compose 架設 Grafana + telegraf + influxdb 組合環境，搭配 Grafana 提供的範本來監控自建的 VCSA。

View Dashboard

Metrics

SNMP (Fortigate)

使用 telegraf 抓取 Fortinet 50E 的 SNMP SessionCount & SessionRate 資料，並透過 Grafana 顯示，皆使用 Docker 容器化部署。

View Dashboard

Container Monitor

Prometheus

監控 Container 占用資源。使用 cadvisor 獲取資訊儲存到 Prometheus，以 Grafana 作為前端，監控系統內多個容器。

View Dashboard

Utility

IT Tools

實用的 IT 工具箱，集合了多種常用的開發與運維小工具。

Open Tools

Security

JumpServer 堡壘機

企業級開源跳板機 (JumpServer)，用於集中管理和安全連接內部伺服器。

Access JumpServer

我的 AI Coding 專案

Audio & Learning

SentenceToMP3

單字語音生成與播放器製作工具。協助快速生成英語單字語音，並整合到客製化的學習網頁中。

GitHub 英文學習網頁

Data Viz

FRED Dashboard

FRED 總體經濟儀表板 (FRED Macroeconomic Dashboard)。自動抓取 FRED 數據並生成美觀的經濟指標視覺化圖表。

GitHub 📊 視覺化儀表板 🤖 AI 專用版

Uptime Monitor

CF Uptime Monitor

CloudFlare Workers 多網站監控系統。基於 Serverless 架構的輕量級、多節點網站狀態監控與告警平台。

GitHub ⚡ 監控狀態面板

Security

CF Location Tracker

專業地理位置追蹤系統。透過隨機產生的追蹤連結自動紀錄訪客 IP、國家與城市資訊，支援 D1 背景非同步寫入與 Premium 級管理後台。

GitHub Visit Demo Admin Panel

Serverless

CF TinyURL

基於 Cloudflare Workers + KV 儲存的高效能短網址服務。透過全球邊緣節點 (Edge Network) 執行，提供極低延遲的重導向體驗，內建現代化毛玻璃 (Glassmorphism) 介面與一鍵複製功能。

GitHub 🔗 短網址服務

Dashboard

CF Usage Dashboard

Cloudflare 帳戶用量視覺化儀表板。透過 Cloudflare API 彙整 Workers、R2、D1 等服務的資源使用量，即時掌握配額消耗狀況。

GitHub 📊 用量儀表板

自製 LINE Bot 機器人

可掃描 QR Code 加入朋友後測試翻譯功能。

Cloudflare Workers

LINE Translation Bot

全新 JavaScript 重寫版本。佈署於 Cloudflare Workers 邊緣運算平台，極速啟動，顯著改善使用者體驗。

GitHub Repo

GPT-4o-mini

Multi-language Bot

中日法英四國語言翻譯機器人。串接由 OpenAI 提供的 gpt-4o-mini 模型進行高準確度翻譯。佈署在 Vercel 上的 Serverless 服務。

GitHub Repo

Gemini Flash

SEA Language Bot

東南亞語言翻譯用：【TW】【TH】【ID】【JA】【EN】。亦佈署在 Vercel 服務平台。
AI model: gemini-flash-lite-latest (Google)。

GitHub Repo