An ultra-premium, interactive portfolio showcasing academic research, publications, and full-stack software development projects. Featuring a custom client-side Quantum Convolutional Neural Network (QCNN) Inference Simulator and dynamic motion graphics.
👉 Live Production URL: https://portfolio-one-gules-juc6kxjk7e.vercel.app
A client-side interactive sandbox demonstrating hybrid quantum-classical neural networks (QCNN) for medical image classification:
- MRI Input Selector: Feeds Glioma, Meningioma, or Normal brain MRI features into a simulated quantum system.
-
Precessing Bloch Sphere: An SVG-rendered sphere showing real-time 3D state vector
$|\psi\rangle$ rotation coordinates mapping the parameter angle$\theta$ . -
Quantum Circuit Schematic: Wires representing qubits (
$|q_0\rangle$ to$|q_3\rangle$ ) with Hadamard, parameterized$R_y(\theta)$ , pooling, and measurement gates. -
Live Probability Chart: Dynamically visualizes the quantum state probabilities (
$|00\rangle$ ,$|01\rangle$ ,$|10\rangle$ ,$|11\rangle$ ) and predictions.
An interactive headshot card that tilts in response to your cursor coordinates using perspective transformation equations. It features a pulsating holographic glow that activates on hover.
- Integrated Lenis Smooth Scroll for organic viewport transitions.
- Fixed scroll hijacking by applying
data-lenis-preventto nested containers, allowing touch, trackpad, and mouse-wheel scrolling inside overflow blocks (GitHub list, Projects Modal, Loading Console).
This site features carefully calibrated, high-end micro-animations to enhance user engagement:
- Staggered Scroll Entrances: Elements cascade onto the screen dynamically as you scroll down:
- Projects Showcase: Slide-up cards with custom spring damping.
- Publications Catalog: Slide-in-from-left with a soft blur filter.
- Credentials Grid: Staggered spring bounce slide-ups.
- Timeline Glow-Flow: A neon flow path animation on the timeline axis representing career progress.
- Laser progress sparks: Glowing spark pings tracking skill proficiency percentages.
- Spotlight overlay: Cursor-tracking radial glows on interactive sections.
To run the project locally, ensure you have Node.js installed, then execute:
-
Clone the repository:
git clone https://github.com/Karthik7661/portfolio.git cd portfolio -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open http://localhost:3000 with your browser.
This project compiles static build paths via Next.js and is optimized for Vercel deployment:
# Build the optimized production bundle
npm run build
# Start production server locally
npm start