Aditya Malhotra - 3D Portfolio

A modern, interactive portfolio showcasing full-stack development expertise through immersive 3D experiences and cutting-edge web technologies.

📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 🌟 Portfolio Highlights
5. 🤸 Quick Start
6. � Contact
7. 🔗 Links
8. 🚀 More

🤖 Introduction

Welcome to my interactive 3D portfolio! I'm Aditya Malhotra, a passionate Full Stack Developer based in India with expertise in modern web technologies. This portfolio showcases my skills through an immersive 3D experience built with React.js, Three.js, and styled with TailwindCSS.

The portfolio features a unique blend of interactive 3D elements, smooth animations, and responsive design that creates a lasting impression while demonstrating my technical capabilities in web development.

🎯 Key Highlights:

• 🌍 Interactive 3D globe with live location tracking (India)
• 📱 Fully responsive design optimized for all devices
• 🎨 Modern glassmorphism UI with smooth animations
• 📧 Integrated contact system with EmailJS
• 🎮 Touch-enabled interactions for mobile devices

⚙️ Tech Stack

• Frontend Framework: React.js 18
• 3D Graphics: Three.js & React Three Fiber
• 3D Components: React Three Drei
• Styling: Tailwind CSS
• Build Tool: Vite
• Contact Integration: EmailJS
• Interactive Globe: React Globe GL
• Animation: GSAP & Framer Motion
• Development: Node.js, ESLint, PostCSS

🔋 Features

👉 Immersive 3D Hero Section: Interactive hacker room environment that responds to mouse movements with animated 3D models.

👉 Enhanced Interactive Globe: Auto-rotating 3D Earth with a blinking green location marker pinpointing India, featuring smooth animations and hover effects.

👉 Dynamic About Section: Modern bento grid layout featuring personal information, interactive 3D globe, tech stack showcase, and one-click email copy functionality.

👉 Advanced Tech Skills Display: Interactive technology carousel with hybrid automatic and manual touch controls, featuring smooth sliding animations and haptic feedback for mobile devices.

👉 3D Project Showcase: Browse through projects with live demos displayed inside a 3D computer model, seamlessly switching between different project previews.

👉 Interactive Experience Timeline: Hover over career milestones to trigger engaging 3D animations that bring the professional journey to life.

👉 Enhanced Contact Form: Clean, glassmorphism-styled contact section with integrated EmailJS for direct communication, optimized for both desktop and mobile.

👉 Responsive Mobile Design: Fully optimized for mobile devices with touch gestures, adaptive layouts, and mobile-specific interactions.

👉 Modern UI/UX: Glassmorphism design elements, smooth transitions, and consistent color schemes throughout the portfolio.

👉 Performance Optimized: Fast loading times with optimized 3D assets and efficient rendering.

🌟 Portfolio Highlights

🎯 Personal Branding

• Name: Aditya Malhotra
• Role: Full Stack Developer
• Location: India 🇮🇳
• Email: reach.adml@gmail.com
• Expertise: Modern web technologies, 3D web experiences, responsive design

�️ Technical Achievements

• Interactive 3D Globe: Custom implementation with auto-rotation and location-specific animations
• Touch-Enabled Controls: Hybrid automatic/manual controls for optimal mobile experience
• Advanced Animations: Smooth transitions and 3D transformations using GSAP
• Glassmorphism UI: Modern design patterns with backdrop blur and transparency effects
• Cross-Platform Optimization: Seamless experience across desktop, tablet, and mobile devices

📧 Contact Integration

• Direct Email: reach.adml@gmail.com
• Integrated Form: EmailJS-powered contact system
• Social Presence: Professional networking links
• Response Time: Quick turnaround for project inquiries

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/ADML003/portfolio.git
cd portfolio

Installation

Install the project dependencies using npm:

npm install

Set Up Environment Variables

Create a new file named .env in the root of your project and add the following content:

VITE_EMAILJS_SERVICE_ID=your_emailjs_service_id
VITE_EMAILJS_TEMPLATE_ID=your_emailjs_template_id
VITE_EMAILJS_PUBLIC_KEY=your_emailjs_public_key

Replace the placeholder values with your actual EmailJS credentials. You can obtain these credentials by signing up on the EmailJS website.

Running the Project

npm run dev

Open http://localhost:5173 in your browser to view the project.

📧 Contact

I'm always open to discussing new opportunities, collaborations, or just having a chat about technology!

📬 Get in Touch:

• Email: reach.adml@gmail.com
• Portfolio: Live Demo
• GitHub: ADML003
• Location: India 🇮🇳

💼 Available for:

• Full-time positions
• Freelance projects
• Remote work opportunities
• Technical consultations
• Open source collaborations

⚡ Quick Response: I typically respond to emails within 24 hours. For urgent matters, please mention "URGENT" in the subject line.

🔮 Future Enhancements

• Advanced particle systems
• AI-powered chatbot integration
• Voice navigation capabilities
• VR/AR compatibility
• Progressive Web App features

📈 Connect & Collaborate

If you're interested in similar projects or want to collaborate on innovative web experiences, I'd love to hear from you!

📧 Email: reach.adml@gmail.com
🌍 Location: India
⚡ Status: Available for exciting projects

---

Built with ❤️ by Aditya Malhotra - Full Stack Developer