Eventify

Eventify.io - An intuitive tool to manage and monitor your services via intelligent event creation.

Author: Jordi Jaspers [Github, Linkedin]

Introduction 📝

A high-performance, scalable monitoring solution designed to track and visualize the health and status of distributed systems in real-time. This application provides a robust platform for collecting, processing, and displaying monitoring events from multiple external systems through a user-friendly dashboard interface.

Website Preview: https://eventify.io/
Website Health endpoint: https://eventify.io/actuator/health
Server API description: https://eventify.io/api/public/docs/openapi.html

Overview

The Monitoring Service is built to handle high-throughput event processing with real-time updates, making it ideal for organizations needing to monitor critical infrastructure and services. It features:

• Real-time Monitoring: Instant visibility into system health through WebSocket-powered live updates
• Scalable Architecture: Horizontally scalable design using event-driven microservices
• Efficient Event Processing: Smart batching and processing of events to handle high-volume monitoring data
• Team-based Access Control: Organized access management with team-based dashboard sharing
• Customizable Dashboards: Flexible dashboard configuration with support for grouped and ungrouped checks
• High Availability: Built on a reliable PostgreSQL cluster with replication for data durability
• External System Integration: Simple REST API for external systems to report their status

Whether you're monitoring a handful of services or thousands of endpoints, this platform is designed to provide reliable, real-time insights into your systems' operational status.

Want to start up the application? read more in the getting started section -> here

Want to see some concept or add ideas? read more in the concepts section -> here

Frontend Development 💻

The Eventify frontend is built with modern web technologies for a fast, responsive, and type-safe user experience.

Tech Stack

• SvelteKit 2.47.1 - Full-stack framework with SSR and CSR
• Svelte 5.41.0 - Reactive component framework
• Bun 1.3.0 - Fast JavaScript runtime and package manager
• TailwindCSS 4.1.17 - Utility-first CSS framework (v4)
• shadcn-svelte - High-quality, accessible component library
• TypeScript 5.9.3 - Strict type safety
• openapi-fetch - Type-safe API client generated from backend OpenAPI spec

Quick Start

# Navigate to the client directory
cd client

# Install dependencies
bun install

# Set up environment variables
cp .env.example .env

# Generate TypeScript types from backend API (requires backend running)
bun run generate:api

# Start development server
bun run dev

The frontend will be available at http://localhost:5173/

Key Features

• Type-Safe API Integration: TypeScript types automatically generated from backend OpenAPI specification
• Real-time Updates: WebSocket support for live monitoring data
• Component Library: shadcn-svelte for consistent, accessible UI components
• Authentication: JWT-based authentication with secure token storage
• Responsive Design: Mobile-first approach with TailwindCSS utilities
• Developer Experience: Hot module replacement, fast refresh, and comprehensive type checking

Documentation

For detailed frontend development guidelines, see docs/frontend-development.md.

This includes:

• Complete setup instructions
• Development workflow and best practices
• Component development guidelines
• API integration patterns
• Testing strategies
• Deployment instructions

Dang, you found a bug, now what? 🐞

No worries, just check out our issues section on GitHub. If you can't find your issue, feel free to create a new one. We trample that bug as soon as possible.

Support & Contributions ☕️

Want to contribute to the project?

All the extra help is welcome! Just follow the steps in the CONTRIBUTING section.

Any more ideas for features?

Feel free to create an issue, and we can discuss it further or contact me directly.

Stack 🛠️

• Spring Boot - Java framework for building back-end applications.
• Redis - In-memory data structure store.
• SvelteKit - Frontend framework for building web applications.
• TailwindCSS - Utility-first CSS framework.
• Shadcn Svelte - Svelte components library.
• Lucide - SVG icons library.
• Cloudflare - CDN and DNS provider.
• Traefik - Reverse proxy and load balancer.
• Docker - Containerization platform.
• Liquibase - Database migration tool
• TimescaleDB - Time-series database
• Git - Version Control

License 📜

Licensed under GPL-3.0.