Welcome to the course! In this introduction episode, we dive right into what you'll be building: a fully functioning uptime monitoring app using Laravel, Inertia, and Vue. We start off with a guided demo of the core features, so you can get a feel for the user experience before we jump into the code.
You'll see how users can register, add new sites to monitor, and create endpoints with configurable check intervals. We explore the UI components like the modal for adding a site and the dashboard where you can quickly switch between sites. The app is designed to support multiple sites and endpoints, and always remembers the last one you viewed for a smooth workflow.
Notification channels are also shown—starting with email, but easily extensible to SMS, Slack, and more with Laravel's notification system. We also simulate downtime, so you get to see what happens when a monitored endpoint goes down: how the app updates the status, shows response bodies for errors, and handles notifying users (without spamming their inbox for each failed check).
As the episode wraps up, you get a peek at things like inline editing, viewing logs of past checks, and managing your notification channels. We even add and remove endpoints and sites, demonstrating just how easy it is to manage your uptime monitors.
By the end of this intro, you’ll know exactly what you’re working toward—and be ready to get your environment set up and start coding in the next episode!