🌐 Premium Cyber-Dark Portfolio Website

A modern, responsive, and highly interactive personal portfolio designed for a Cybersecurity, Networking, and Software Development profile. Built with glassmorphism aesthetics, dynamic glow effects, 3D mouse tilt cards, and optimized responsive layouts.

Live Demo: kishore-kv-portfolio.vercel.app

---

✨ Features

• 🛡️ Cybersecurity & Networking Showcase: Dedicated section detailing technical capabilities (Wireshark traffic analysis, penetration testing, cybercrime investigation, TCP/IP, digital forensics, etc.).
• 💻 Interactive CLI Terminal Preloader: A simulated command-line interface terminal preloader window that typewrites a launch command (npx kishore-kv --init), prints sequential system loading verification logs, and displays an ASCII-style installation progress bar before revealing the site contents.
• 🕸️ Scrollable Interactive Canvas Nodes: Canvas-based particle background system where floating nodes connect with glowing lines, react to mouse hover repelling forces, and scroll dynamically with vertical parallax. Features randomized colors (cyan-blue, purple, and green) with green link connections.
• 🟢 Subtle Cyber Green Theme: A highly refined, premium cyber green highlight incorporated into active badges, project tags, and ambient background glows, blending harmoniously with the primary blue/purple theme.
• 🎯 Precise Cursor Glow Alignment: A viewport-anchored mouse-following radial glow centered perfectly under the pointer tip.
• 📈 Uttar Pradesh Police Cyber Internship Timeline: Vertical glowing experience timeline node showing internship milestones, integrated with a keyboard-navigable 7-photo slide lightbox gallery popup.
• 🎓 Interactive Education Section: Responsive glassmorphic layouts mapping academic credentials at Chennai Institute of Technology and Shri Vidhya Mandhir, highlighting specialized coursework (IIT Madras Data Science & AI).
• 🥇 Licenses & Certifications Grid: Compact glassmorphic cards display for Cisco, Forage, HackerRank, and Hack & Fix certifications.
• 🎛️ Interactive Animations & 3D Tilt:
  • Mouse-position tracking 3D tilt effects (React Refs) applied to cards.
  • Smooth intersection observers for fade-in scroll triggers.
  • Radial pointer glow-tracking background overlay.
• 📱 Fully Responsive: Custom mobile drawer menus and responsive media padding overrides across all grid systems.

---

🛠️ Tech Stack & Utilities

• Core: React 18, Vite (Fast build system), Vanilla CSS3 (Custom Variables, CSS Grid, Flexbox), HTML5 Canvas API.
• Aesthetics: Glassmorphism, CSS Custom Gradients, Backdrop Blur Filters.
• Fonts: Outfit & Space Grotesk from Google Fonts.
• Interactions: Vanilla mousemove tilt handlers, viewport IntersectionObserver API, custom React hooks.
• Deployment: Hosted on Vercel with custom routing options.

---

🚀 Getting Started

1. Clone the Repository

git clone https://github.com/KiShOrE-2008/Portfolio.git

2. Install Dependencies

npm install

3. Run Locally

npm run dev

4. Build Production Bundle

npm run build

---

📁 Repository Structure

Portfolio/
├── public/               # Static assets
│   └── images/           # Internship photos & favicon
├── src/
│   ├── components/       # Section & UI components (Preloader, Navbar, Hero, About, etc.)
│   ├── App.jsx           # Main page controller & coordinate trackers
│   ├── index.css         # Custom stylings & design tokens
│   └── main.jsx          # React app mounting script
├── index.html            # Entry layout for Vite
├── package.json          # Project scripts & packages
├── vite.config.js        # Vite compilation options
├── vercel.json           # Vercel deployment mappings
└── README.md             # Documentation

---

📄 License

This repository is open-source and available for personal and educational use.