Event Tracker Frontend

A modern, responsive dashboard for monitoring website availability and tracking events.

Features

• Availability Monitoring: Keep track of your websites' status in real-time.
• Interactive Dashboards: Visualize event data and availability metrics with rich charts.
• Customizable UI: Built with Nuxt 3, PrimeVue (Aura theme), and Tailwind CSS for a sleek, dark-ready interface.
• SPA Experience: Fast, client-side rendered application for a smooth user experience.
• Error Tracking: Robust error monitoring integrated with Sentry.

Tech Stack

• Framework: Nuxt 3 (Single Page Application mode)
• UI Components: PrimeVue & Tailwind CSS
• State Management: Pinia (with persistent storage)
• Monitoring: Sentry
• Charts: ApexCharts & Chart.js
• Utilities: VueUse, Day.js, Marked
• Validation: Vest

Screenshots

Below are some screenshots of the application in action:

Getting Started

Prerequisites

• Node.js (latest LTS recommended)
• npm, pnpm, yarn, or bun

Setup

Install the dependencies:

npm install

Development

Start the development server on http://localhost:5173:

npm run dev

Production

Build the application for production:

npm run build

---

I hope this project will be useful for you!