Kiran Kumbar — Full-Stack Engineer

A highly interactive, cinematic, and production-ready portfolio built with Next.js 14 and Framer Motion.

✨ Features

• 🚀 Next.js 14 App Router: Built for extreme performance and seamless server/client rendering.
• 🎨 Cinematic Animations: Orchestrated via framer-motion, featuring a custom cinematic preloader, smooth scrolling, and scroll-linked reveals.
• 📖 3D Interactive Book Experience: A hyper-realistic, scroll-driven 3D book to showcase the resume. Includes true 3D physics, paper curl effects, dynamic lighting, and realistic shadows.
• 💅 Premium Aesthetic: Curated "Champagne & Obsidian" color palette with subtle grain textures and glassmorphism UI elements.
• 📱 Fully Responsive: Carefully crafted to ensure the complex 3D animations and layouts remain perfectly proportional across mobile, tablet, and desktop viewports.

🛠️ Tech Stack

• Framework: Next.js (React)
• Styling: Tailwind CSS
• Animation: Framer Motion
• Icons: React Icons
• Deployment: Vercel

🚀 Getting Started

First, clone the repository and install the dependencies:

git clone https://github.com/Kiran-Kumbar/Portfolio-Ak.git
cd Portfolio-Ak
npm install

Then, run the development server:

npm run dev

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

📐 Architecture Highlights

• Experience.tsx: Houses the custom 3D book animation engine. Utilizes useTransform and scroll progress to simulate true paper physics without requiring heavy WebGL libraries.
• ClientShell.tsx & Loader.tsx: A custom application shell that intercepts the initial load to present a beautifully orchestrated, glowing cinematic preloader.
• globals.css: Defines a strict, CSS variable-driven design token system to ensure colors (--color-background, --color-accent) remain perfectly consistent across all Tailwind classes.

Designed and Developed by Kiran Kumbar