# Webingg.com

Webingg.com is a website monitoring platform that allows users to track visual and structural changes on any webpage.

## Key Features

- **Visual Selection Engine**: Select specific DOM elements to monitor.
- **Visual Diff Engine**: Pixel-perfect change detection with visual highlighting.
- **Smart Filters**: Ignore dynamic content like ads or timestamps.
- **Multi-channel Alerts**: Notifications via Email, Slack (coming soon), and Webhooks.
- **Headless Browsing**: accurate rendering of modern JS-heavy websites.

## Core Pages

- `/`: Landing page with features, use cases, and pricing.
- `/login`: User authentication.
- `/dashboard`: Main user dashboard for managing monitors.
- `/dashboard/new`: Create a new monitor.
- `/dashboard/monitors/[id]`: View monitor details and history.
- `/demo`: Interactive demo page to test monitoring capabilities.

## Tech Stack

- **Frontend**: Next.js (App Router), Tailwind CSS, Framer Motion, Lucide React.
- **Backend**: Next.js API Routes (Serverless).
- **Database**: MongoDB (implied by context).
- **Authentication**: NextAuth.js.

## API Usage

- `GET /api/monitors`: List all monitors.
- `POST /api/monitors`: Create a new monitor.
- `GET /api/monitors/[id]`: Get monitor details.
- `POST /api/monitors/[id]/check`: Trigger a manual check.