Files
cloudlense/website-monitoring-frontend
Dennis 0d2aef07bc feat: implement real uptime monitoring, alerts, admin dashboard, billing & usage tracking
- Uptime service: real HTTP HEAD checks with response time tracking
- Alert engine: evaluates scan results, auto-resolves recovered alerts
- Notifications: Resend email + webhook delivery
- Admin dashboard: system stats, user CRUD, org management (role-protected)
- Billing: tier limits (free/starter/pro/enterprise), usage tracking API
- Competitor analysis: real Lighthouse comparison + response time
- Tests: 11 backend + 11 frontend = 22 total tests passing
- Database: added competitor_metrics, alert_configurations tables

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
2026-03-06 00:51:54 +01:00
..

Website Monitoring Platform

This project is a modern website monitoring platform built with Next.js (App Router) for the frontend and a Dockerized Express-based Lighthouse scan worker for performance, SEO, and accessibility analysis.

Features

  • Add and manage websites in a dashboard
  • Trigger Lighthouse scans for any website via a button in the dashboard
  • View scan results directly in the frontend
  • Local development with Docker for the scan worker (Chromium included)
  • Modular architecture for future automation, cron jobs, and database integration

Getting Started

Prerequisites


1. Install Dependencies

cd website-monitoring-frontend
npm install

2. Start the Lighthouse Scan Worker (Docker)

Build and run the scan worker container (from the project root):

docker-compose up --build scan-worker

This will:

  • Build the worker image (installs Node.js dependencies and Chromium)
  • Start the Express server on port 5001 inside the container

3. Start the Next.js Frontend

In a separate terminal:

cd website-monitoring-frontend
npm run dev