A modern, centralized dashboard UI for monitoring and managing the health and status of GitHub repositories, personal projects, and infrastructure. This repository contains the frontend only – it connects to a backend API (previously bundled in the original Projects Monitor project) to provide a clean, interactive interface.
- View pending and open pull requests.
- Monitor issues across repositories.
- Track webhook activity.
- Highlight workflow runs, emphasizing failures.
- Track API usage and latest releases for selected projects.
- View domain lifecycle, DNS, and registrar info (expiration, transfer status).
- Monitor health checks from services like HealthChecks.io, UpTimeRobot, AppVeyor CI, GitHub Actions, and more.
- Retrieve CloudAMQP stats: queues, messages, consumers, and connections.
- Aggregate error logs from the filesystem and SQL tables.
- Analyze logs with detailed statistics and grouping options.
- Display AppVeyor CI build statuses.
- Monitor WireGuard VPN clients and connection status.
- Frontend: React 19, TypeScript, Tailwind CSS, Lucide Icons
- Routing & State: React Router, i18next for translations
- Build Tool: Vite
- Linting: ESLint with React Hooks plugin
Dependencies Highlight from package.json:
"dependencies": {
"i18next": "^26.0.4",
"lucide-react": "^1.8.0",
"react": "^19.2.5",
"react-dom": "^19.2.5",
"react-i18next": "^17.0.2",
"react-router-dom": "^7.14.0"
}- Node.js ≥ 20
- npm or yarn
- Backend API from the original Projects Monitor project
git clone https://github.com/yourusername/projects-monitor-ui.git
cd projects-monitor-ui
npm installnpm run devOpen http://localhost:5173 in your browser.
npm run buildnpm run previewnpm run lintFully integrated i18next support for multilingual dashboards. Translate strings in src/locales.
This UI requires the backend API to be functional. It only handles the frontend experience: displaying data, filtering, and visualization. The original combined Projects Monitor project included both frontend and backend.
MIT © Guilherme Stracini