Back to Projects

Cyber Security Dashboard

ReactD3.jsTailwind CSS

Data visualization dashboard tracking real-time network vulnerabilities and penetration testing metrics.

Live Demo Source Code
Project Cover Image Here

Overview

Drawing from my Ethical Hacking and Penetration Testing courses, I built a frontend application that ingests simulated vulnerability data and visualizes threat levels across different nodes.

Challenges Faced

Managing real-time WebSocket data floods without locking up the React thread, requiring extensive memoization and batch state updates.

Future Plans

Connecting the dashboard to real backend SIEM APIs to process actual packet monitoring logs.

Role

Lead Developer

Timeline

4 Weeks

Key Focus

  • Performance
  • Accessibility
  • Responsive UI