Vishal's Digital Portfolio

A high-performance, visually immersive 3D web portfolio built to showcase modern web technologies and elegant design patterns.

🚀 Tech Stack

This bitch is built with some of the best tools available for interactive web development:

• Framework: Next.js (v16+)
• Library: React (v19)
• Styling: Tailwind CSS (v4)
• 3D Graphics: Three.js & React Three Fiber (@react-three/drei, postprocessing)
• Animations: Framer Motion & GSAP
• Smooth Scrolling: Lenis

⚙️ Features

• Immersive 3D Experience: Integrated WebGL effects and objects using React Three Fiber.
• Fluid Animations: Complex timeline animations driven by GSAP and Framer Motion.
• Smooth Scrolling: High-performance smooth scrolling via Lenis for that premium feel.
• Interactive UI: Custom components including hero sections, easter eggs (WhoamiEgg), and highly polished user interfaces.
• Deploy Ready: Setup includes gh-pages script for quick and easy deployments.

🛠️ Getting Started

To spin this fucker up locally, follow these steps:

1. Install dependencies

   npm install
   # or
   yarn install
   # or
   pnpm install

2. Run the development server

   npm run dev
   # or
   yarn dev
   # or
   pnpm dev

3. Open http://localhost:3000 with your browser to see the result.

📦 Deployment

This project comes pre-configured for GitHub Pages deployment.

To deploy, just run:

npm run deploy

Note: Make sure your next.config.js or next.config.ts has the correct basePath or output settings if you encounter issues with static exports.