Yiral Guard

A connected security dashboard for reviewing device health, vulnerabilities, alerts, and risk across desktop and mobile.

React
TypeScript
Vite
Supabase
PostgreSQL
Python
FastAPI
Wazuh

Yiral Guard desktop dashboard showing a demonstration risk score, device status cards, and a threat activity chart. — A shared overview brings risk, device health, and illustrative threat activity into focus.

The overview

Built with purpose.

Yiral Guard is a security monitoring dashboard prototype developed by Muhammad Ibrahim Isah. It brings device inventory, vulnerability findings, security alerts, and risk context into a shared workspace, connecting the broad overview with the details that need attention.

The project combines a React and TypeScript interface with integration code for Supabase authentication and a Python/FastAPI service connected to Wazuh. Consistent navigation, severity indicators, and searchable inventories carry the same visual language across desktop and mobile.

These are screenshots of the application running locally with demonstration data. Devices, alerts, charts, and risk figures illustrate the interface; they are not measured security outcomes.

01 / The challenge

The question we explored.

Security information can become scattered across devices, findings, and individual events. The interface needed to make priorities readable while keeping the affected systems and relevant details easy to reach.

02 / The approach

Thoughtful decisions. Clear direction.

A shared dashboard structure pairs the security overview with focused device, vulnerability, alert, and risk views. Clear status summaries and consistent navigation help users move between the bigger picture and a specific area of concern, with layouts adapted for both desktop and phone screens.

A closer look