SIEM-themed portfolio

This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI

About Me

I am Yo Wise, a "Vibe Coding" enthusiast with a heavy focus on system resiliency and observability. I believe that a developer's portfolio should be a demonstration of how they monitor, protect, and scale their work. I built this SIEM-themed dashboard to express my commitment to high-integrity development and defensive architecture.

Portfolio

My portfolio is a little of everything:

• SIEM dashboard
• Software Developer profile
• 3 projects listed inside the profile - all focusing on different topics
• Cybersecurity inspired functionalities

My philosophy - No domain must exist in vacuum. By building this portfolio, I blended AI, software development, cybersecurity, education, career development and tourism. Check it out to convince yourself!

How I Built It

The application is built using Google AI Studio, with React 19, Typescript and Tailwind CSS, using Lucide Icons for the "Cyber-Ops" aesthetic and Recharts for real-time telemetry visualization.

• Gemini 3 Flash (Heuristic Scanner): Powers the Asset Integrity Scanner. Flash identifies technological fingerprints (frameworks, databases, architectural patterns) and returns them as structured JSON telemetry.
• Google Search Grounding: The scanner utilizes Search Tooling to verify the live status of domains, ensuring that complexity scores and tech-stack detections are grounded in real-time network data.
• Telemetry & Observability Layer Data Visualization: Utilizing Recharts, development velocity and resource allocation are rendered via Area and Bar Charts. This treats professional growth as a stream of system metrics rather than a static list.
• Node Health System: The skills section is mapped to a resource monitoring metaphor (CPU/Memory utilization), indicating the stability and "uptime" of each technology within my stack.
• Zero-Trust Methodology: Each UI component is treated as an isolated module (Scanner, Analyst, Logs), ensuring that the data flow is compartmentalized and modular.
• Enterprise SIEM Aesthetic: I opted for a "Slate/Blue" color palette to maintain the professional look of enterprise software.

What I'm Most Proud Of

I’m most proud of the "Log Ingestion" paradigm. Most portfolios use "Recent Projects" or "My Projects" sections; I used a SIEM Unified Event Stream. Every project is an "Event" with a timestamp, source domain, and severity level.