Paras Khandelwal - Interactive 3D Portfolio 🚀

Welcome to my professional portfolio! This is a high-performance, visually immersive web application built with Next.js 15, React 19, and Three.js. It features interactive 3D elements, glassmorphism UI, and smooth physics-based animations to showcase my full-stack engineering journey and projects.

---

🌟 Key Features

• 🎨 Immersive 3D Experience: Integrated Three.js, React Three Fiber, and Spline for interactive backgrounds and technical stack visualizations.
• ✨ Glassmorphism UI: A modern, sleek aesthetic with frosted glass effects and vibrant gradients.
• ⚡ Physics-Based Interactions: Technical stack section utilizes Rapier for real-time physics simulations.
• 📱 Fully Responsive: Optimized for all devices, from mobile to ultra-wide displays.
• 🚀 Performance Optimized: Built with Next.js App Router for fast loading and SEO friendliness.
• 🎭 Smooth Animations: Powered by Framer Motion for staggered reveals and interactive card effects.

---

🛠️ Technical Stack

Frontend

• Framework: Next.js 15 (App Router)
• Library: React 19
• Styling: Tailwind CSS
• Animations: Framer Motion
• 3D Rendering: Three.js, React Three Fiber, React Three Drei, Spline
• Physics: @react-three/rapier

Languages & Tools

• Languages: TypeScript, JavaScript, C++, Python, SQL
• Icons: Lucide React
• Deployment: Vercel

---

📁 Project Structure

portfolio/
├── public/              # Static assets (images, icons, 3D models)
├── src/
│   ├── app/             # Next.js App Router pages & layouts
│   │   ├── About/       # About section
│   │   ├── Experience/  # Professional journey
│   │   ├── Technical/   # Tech stack visualization
│   │   ├── Projects/    # Featured projects
│   │   └── page.tsx     # Main entry point (Composition)
│   └── components/      # Reusable UI components (Spline, Tech, etc.)
└── tailwind.config.js   # Custom theme & glassmorphism settings

---

🚀 Getting Started

Prerequisites

• Node.js (Latest LTS)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/ParasKhandelwal1616/Paras-Portfolio-.git
   cd Paras-Portfolio-/portfolio

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open http://localhost:3000 to view it in your browser.

---

🏆 Featured Projects

• NexusIDE: Real-time collaborative cloud code editor with WebSocket bridges.
• Sentinel EWS: Production-grade Disaster Early Warning System with AI threat verification.
• RestForge API Workspace: Collaborative API testing and documentation platform.
• MITS Freshers Portal: End-to-end event management platform for university students.

---

👨‍💻 About Me

I am a Full-Stack Engineer specializing in resilient, real-time systems. My focus is on architecting solutions for complex problems—from offline-first data caching to low-latency WebSocket bridges.

Currently: Development Lead at Heritage and Tourism Club | MITS-DU.

---

📄 License

This project is open-source and available under the MIT License.

---

Built with ❤️ by Paras Khandelwal