ChandraVerse/chandraverse-portfolio

## 📋 目录 - [关于](#-about) - [在线演示](#-live-demo) - [技术栈](#-tech-stack) - [精选项目](#-featured-projects) - [作品集板块](#-portfolio-sections) - [快速开始](#-quick-start) - [部署](#-deployment) - [项目结构](#-project-structure) - [联系方式](#-contact) ## 👤 关于 ``` Name : Chandra Sekhar Chakraborty Role : Aspiring SOC Analyst L1 | Detection Engineer Location : Baranagar, West Bengal, India Target : Worldwide (open to relocation — EU, UK, remote) Grad : B.Tech Computer Science — MAKAUT (2026) Focus : Blue Team | Threat Detection | Incident Response Status : Actively seeking SOC Analyst L1 positions (Available June 2026) ``` **核心专长：** Elastic SIEM · Wazuh · Microsoft Sentinel · KQL · Sigma Rules · MITRE ATT&CK · Python · Incident Response · Log Analysis · Threat Intelligence ## 🌐 在线演示 ## 🛠️ 技术栈 | 类别 | 技术 | |----------|------------| | **框架** | React 18 + Vite 6 | | **样式** | Tailwind CSS 3 + Custom CSS Variables | | **字体** | Space Grotesk · Inter · JetBrains Mono | | **图标** | Lucide React | | **动画** | IntersectionObserver · CSS Keyframes | | **部署** | GitHub Actions → GitHub Pages | | **CI/CD** | `.github/workflows/deploy.yml` (推送时自动触发) | ## 💼 精选项目 | # | 项目 | 状态 | 核心技术 | |---|---------|--------|------------------| | 1 | [自动化 IR 威胁情报平台](https://github.com/ChandraVerse/automated-ir-threat-intelligence-platform) | ✅ 已完成 | Python · Wazuh · VirusTotal API · Grafana · Docker · NIST 800-61 | | 2 | [企业级检测工程实验室](https://github.com/ChandraVerse/enterprise-detection-engineering-lab) | ✅ 已完成 | Elastic SIEM · Sysmon · Sigma · KQL · Kibana · MITRE ATT&CK | | 3 | [Active Directory 渗透测试](https://github.com/ChandraVerse/active-directory-penetration-test) | ✅ 已完成 | BloodHound · Mimikatz · Impacket · Nmap · Metasploit · CVSS | | 4 | [XAI 网络入侵检测系统](https://github.com/ChandraVerse/xai-network-intrusion-detection) | 🔄 进行中 | Python · XGBoost · LSTM · SHAP · Streamlit · Docker | | 5 | [SOC 日志分析实验室](https://github.com/ChandraVerse/Log-Analysis-Lab) | ✅ 已完成 | Log Analysis · Splunk · SIEM · SSH Forensics · Linux | | 6 | [SOC L1 告警分类实验室](https://github.com/ChandraVerse/SOC-L1-Alert-Triage) | ✅ 已完成 | TryHackMe · Alert Triage · Phishing Analysis · SOC Workflow | | 7 | [网络流量监控实验室](https://github.com/ChandraVerse/Monitoring-Network-Traffic) | ✅ 已完成 | Wireshark · TCP/IP · UDP · HTTP Analysis · Packet Capture | ## 🗂️ 作品集板块 ``` 🏠 Hero — Name, role typewriter animation, profile photo, CTA buttons 👤 About — Bio, location, education, open-to-work status, platform badges 🔧 Skills — Animated skill bars: KQL, Sigma, Python, MITRE ATT&CK, Elastic... 💼 Projects — 7 project cards with real screenshots, filter by status, GitHub links 📬 Contact — Email, GitHub, LinkedIn, Twitter, resume download 🔻 Footer — Quick links + copyright ``` ## ⚡ 快速开始 ``` # 1. Clone repository git clone https://github.com/ChandraVerse/chandraverse-portfolio.git cd chandraverse-portfolio # 2. 安装 dependencies npm install # 3. 启动开发服务器 npm run dev # → http://localhost:5173/chandraverse-portfolio/ # 4. 为 production 构建 npm run build # 5. 在本地 preview production build npm run preview ``` ## 🚀 部署 ### GitHub Pages (当前生效 — 推送时自动部署) 此作品集托管在 GitHub Pages 上，每次推送到 `main` 分支时会通过 GitHub Actions 自动部署。 ``` # .github/workflows/deploy.yml Trigger : push to main Build : npm install && npm run build Deploy : actions/deploy-pages@v4 Live URL : https://chandraverse.github.io/chandraverse-portfolio/ ``` **首次设置：** 1. 前往 **Settings → Pages** 2. Source → **GitHub Actions** 3. 保存 — 未来的每次推送将自动部署 ✅ ### Netlify (备选方案) ``` Build command : npm run build Publish dir : dist Config file : netlify.toml (already included) ``` ## 📁 项目结构 ``` chandraverse-portfolio/ ├── .github/ │ └── workflows/ │ └── deploy.yml # GitHub Actions CI/CD pipeline ├── public/ │ └── favicon.svg # Custom cybersecurity shield logo ├── src/ │ ├── components/ │ │ ├── Navbar.jsx # Sticky nav with active link tracking │ │ ├── Hero.jsx # Typewriter animation + hex profile photo │ │ ├── About.jsx # Bio, stats, open-to-work banner │ │ ├── Skills.jsx # Animated skill bars (IntersectionObserver) │ │ ├── Projects.jsx # 7 project cards with filter + screenshot carousel │ │ ├── Contact.jsx # Social links + contact form │ │ └── Footer.jsx # Footer with quick links │ ├── App.jsx # Root component │ ├── main.jsx # React DOM entry point │ └── index.css # Design tokens + global styles ├── index.html # SEO meta + Open Graph + font imports ├── tailwind.config.js # Font families + cyber color palette ├── vite.config.js # Base path set to /chandraverse-portfolio/ ├── netlify.toml # Netlify deploy config └── package.json # Dependencies ``` ## 📬 联系方式