Kordova is an Uptime Monitor built with Laravel, Vue, and Inertia. Kordova allows you to create and switch between sites, add endpoints to monitor with frequency intervals, and automatically alert specified email addresses when an endpoint goes down (upcoming feature). The project utilizes the power of scheduling, queues, and real-time notifications (upcoming feature) to provide a robust monitoring system.
- Create and Switch Sites: Easily create multiple sites and switch between them within the application.
- Add Monitored Endpoints: Add endpoints to monitor with customizable frequency intervals.
- Laravel Queues: Utilize Laravel queues to perform background processing and ensure smooth monitoring operations.
- Sub-Minute Schedules: Work with sub-minute schedules in Laravel to perform actions on models at user-defined intervals.
- API Resources: Use API resources to simplify data transfer between the backend and frontend in the Inertia framework.
- Events and Observers: Organize the application using events and observers to handle various actions and events.
- Vue Modals: Create modals in Vue to enhance the user experience and provide interactive features.
- Inertia Forms: Perform inline editing with Inertia forms to enable seamless data manipulation within the application.
...and many more!
Dashboard provides an overview of the monitored sites and their current status amd their configurations.
Site selector dropdown helps to easily navigate through sites and also let user to add a new site.
Super simple modal easily let users to add a new site.
To start monitoring endpoints, users should provide the endpoint location and frequency (how frequently the endpoint will be checked).
Editing the endpoint never been this easier! Inline editing form let's user update an endpoint without any page reload.
Endpoint details page shows the monitored endpoints and their monitoring configurations.
When something goes wrong and the uptime monitor detects the problem, it automatically stores the response body and pops up in a nice simple modal in the Endpoint details page.
To get started with Kordova, follow these steps:
-
Clone the repository:
git clone https://github.com/alnahian2003/kordova.git
-
Change into the project directory:
cd kordova -
Install the dependencies using Composer and NPM (make sure you have both installed):
composer install npm install && npm run dev -
Create a copy of the
.env.examplefile and rename it to.env. Then, generate a unique application key:cp .env.example .env php artisan key:generate
-
Set up your database configuration in the
.envfile. -
Run the database migrations and seed the database with default data:
php artisan migrate --seed
-
Start the development server:
php artisan serve
-
Access the application in your browser at
http://localhost:8000.
This Uptime Monitor is based on the concepts and techniques taught in the "Build an Uptime Monitor with Laravel, Inertia, and Vue" course. The course provides a comprehensive guide to building real-world applications with Inertia and is recommended for developers who want to enhance their skills in Laravel and Vue development.
If you're already working with Inertia, this project will provide valuable insights and practical examples to apply in your future projects.
If you have any questions or inquiries about this project, feel free to reach out to me on twitter