Live Deployment: https://realcyclopse.github.io/Portfolio/
Interactive personal portfolio built with Next.js 14, Three.js (React Three Fiber), Tailwind CSS, and Framer Motion, styled with a Cyberpunk 2077 aesthetic.
- Framework: Next.js 14 (App Router, Static HTML Export)
- 3D Graphics & WebGL: Three.js, @react-three/fiber, @react-three/drei
- Animation & Physics: Framer Motion, Lenis Smooth Scroll
- Styling: Tailwind CSS, Chakra Petch & JetBrains Mono typography
- Deployment: Automatic deployment to GitHub Pages via GitHub Actions
- Interactive 3D Cyber Core: Luminous fluid WebGL cyber sphere with orbiting wireframe toruses, cursor-reactive perspective tilting, and smooth mathematical damping.
- Continuous Global Starfield: 2,600 multi-colored stars spanning the entire webpage continuously with scroll parallax.
- Continuous Spaceship Laser Trail: A compact cyberpunk stealth ship that descends continuously from top to bottom, swaying gently in a cosmic S-curve behind UI components.
- Enterprise Experience Showcase: Interactive macOS / Netrunner styled terminal simulator demonstrating PII-safe AI gateway request flows with zero layout shifts.
- Optimized Static Delivery: Zero server dependencies, subpath-aware asset routing, and responsive typography across all screen viewports.
# Clone the repository
git clone https://github.com/realcyclopse/Portfolio.git
# Install dependencies
npm install
# Start local development server
npm run devOpen http://localhost:3000 to view the application.
npm run buildThis generates a static export in the ./out directory ready for deployment to GitHub Pages.