Skip to content

Idris-mohammad/cybersecurity-portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

6 Commits
Β 
Β 
Β 
Β 

Repository files navigation

πŸ›‘οΈ Ultra-Modern Cyber-Tech SecOps Portfolio

A stunning, production-ready, ultra-modern portfolio website built for a Computer Science & Engineering graduate breaking into the cybersecurity field, specifically targeting SOC Analyst and Cloud Security roles.

This repository hosts a single-page scrolling interface structured like a sleek, sophisticated Security Operations dashboard. It is designed to be fully responsive, lightweight, and optimized for instant hosting on GitHub Pages or Vercel.

Live Demo Link: https://cybersecurity-portfolio-sepia-alpha.vercel.app/


⚑ Key Features & Aesthetics

  • The Terminal Interface (Hero Section): Features an interactive, simulated typing terminal command line that parses a custom JSON profile tracking my security identity, core focus, and deployment readiness.
  • Theme Aesthetic Toggle: Includes a hot-swappable UI toggle allowing users to instantly switch the interface color palette from Terminal Green (#00FF66) to Cloud Cyberpunk Blue (#00E5FF).
  • Matrix/Digital Rain Overlay: Embedded vanilla HTML5 Canvas interactive matrix digital rain background running smoothly behind glassmorphic components at 30 FPS.
  • Threat Capabilities Matrix: Clean grid structure detailing specific defensive engineering metrics including Vulnerability Management, Core Dev & Scripting, and Systems Auditing.
  • Secure Uplink Transmission: A stylized contact portal configured to resemble an encrypted communication pipeline for recruitment telemetry.

πŸ› οΈ Built With

  • HTML5 & Canvas API - Structure & interactive matrix matrix background.
  • Tailwind CSS (via CDN) - Modern utility-first layout styling, text glow effects (drop-shadow), and glassmorphism styling (backdrop-blur).
  • Vanilla JavaScript - Core logic handling the terminal typewriter engine, state management for the theme toggle, and particle loops.
  • Lucide Icons - High-quality, modern minimalist tech iconography.

πŸ“‚ Repository Architecture

β”œβ”€β”€ index.html        # Main production file containing layout, styling overrides, and scripts
└── README.md         # Technical project documentation (This file)

Releases

No releases published

Packages

 
 
 

Contributors

Languages