Harees Kumar V — Software Engineer Portfolio

A modern, high-performance portfolio website for Harees Kumar V — Software Engineer, Backend Developer, and AI/ML Specialist (Integrated M.Tech Software Engineering at VIT-AP University).

Built to showcase scalable backend architectures, full-stack applications, and applied deep learning models with interactive system telemetry and direct contact dispatch to hareeskumar132@gmail.com.

🚀 Key Features

• Interactive Hero — Real-time distributed node network background with canvas physics and dynamic availability radar badge.
• Interactive System Architecture Playground — Live simulated API endpoints (Spring Boot ACID transfers, UNet++ CT segmentations, PDFKit invoices) with real-time pipeline execution animation.
• Engineered Project Showcase — Filterable project catalog (All, Freelance, Backend, Full Stack, AI/CV) with in-depth technical case-study modals, architecture breakdowns, problem/solution statements, and live repository links.
• Direct Email Dispatch via FormSubmit — Real inquiries are delivered directly to hareeskumar132@gmail.com without requiring manual mail client configuration, backed by instant one-click fallbacks and celebratory confetti animation.
• Scroll-Triggered Reveals & Physics-Based Tilt — Smooth IntersectionObserver scroll reveals, tactile 3D card tilt with specular light reflection, and fluid trailing cursor.
• Technical Index & Systems Lab — Deep-dive architectural breakdowns into RFC rate limiting, OpenCV edge pipelines, JWT RBAC security, and MySQL 3NF schemas.
• Floating Navigation Action Bar — Circular SVG scroll progress indicator with smooth back-to-top navigation and quick-action email pill.
• Dark / Light Theme — Seamless contrast-optimized theme toggle with persisted state in localStorage.
• Production-Ready & Optimized — Zero warnings ESLint validation, responsive from 320px to 4K displays, and ready for deployment on Vercel, Netlify, or GitHub Pages.

🛠️ Tech Stack

• Framework: React 18 + Vite
• Styling: Tailwind CSS + Custom CSS Variables & Animations
• Icons: Lucide React
• Email Delivery: FormSubmit AJAX API (delivers to hareeskumar132@gmail.com)
• Typography: Space Grotesk, Inter, JetBrains Mono

💻 Local Development

# Clone the repository
git clone https://github.com/CodeDemon777/portfolio.git
cd portfolio

# Install dependencies
npm install

# Start Vite dev server
npm run dev

# Run linting check
npm run lint

# Build production bundle
npm run build

🌐 Deployment

The project builds to the dist/ directory and can be deployed directly to:

• Vercel: vercel --prod
• Netlify: Drag & drop dist/ or connect repository
• GitHub Pages: Output directory configured to dist

---

© Harees Kumar V. All rights reserved.