🚀 Ajay's Interactive 3D Portfolio

Crafting immersive web experiences with React, Three.js & GSAP

A high-performance developer portfolio featuring real-time 3D graphics, physics-based interactions, cinematic animations, and responsive design, built to showcase projects, skills, and achievements in a modern way.

---

🌟 Overview

This portfolio is far more than a traditional personal website.

It combines React, Three.js, GSAP, and physics simulations to create an interactive experience where visitors can explore projects through engaging animations and real-time 3D scenes.

The focus is on performance, clean UI, smooth interactions, and modern frontend engineering.

---

✨ Highlights

✅ Interactive 3D Experience

✅ Physics-powered Tech Stack

✅ Smooth Scroll Animations

✅ Responsive Layout

✅ Lightning Fast Vite Build

✅ Modern UI/UX

✅ Optimized Asset Loading

✅ Mobile Friendly

✅ Clean Component Architecture

---

🚀 Live Website

🌐 Primary Deployment (Recommended)

https://ajay-vishwakarmaa.netlify.app

---

⚡ Secondary Deployment

https://ajay-portfolio-r176.onrender.com

---

🎯 Features

🎨 Modern Hero Section

• Animated introduction
• Dynamic typography
• Smooth entrance animations

---

🌍 Interactive 3D Scene

Powered by

• Three.js
• React Three Fiber
• Drei

Features

• Realistic lighting
• Camera movement
• Interactive objects
• Optimized rendering

---

⚡ Physics Simulation

Using React Three Rapier

Includes

• Floating technology spheres
• Realistic collision physics
• Dynamic interactions

---

🎬 Premium Animations

Built using GSAP

• ScrollTrigger
• ScrollSmoother
• Timeline animations
• Text transitions
• Section reveals

---

📱 Responsive Experience

Fully optimized for

• Desktop
• Laptop
• Tablet
• Mobile

---

🛠 Tech Stack

Category	Technologies
Frontend	React 18
Build Tool	Vite
3D Engine	Three.js
React Renderer	React Three Fiber
Helpers	Drei
Physics	React Three Rapier
Animations	GSAP
Styling	CSS3
Deployment	Netlify & Render

---

📂 Project Structure

Portfolio
│
├── public/
├── src/
│   ├── components/
│   ├── assets/
│   ├── hooks/
│   ├── styles/
│   ├── pages/
│   └── App.jsx
│
├── package.json
└── vite.config.js

---

⚡ Local Development

Clone repository

git clone https://github.com/ajay160380/Portfolio.git

Move into directory

cd Portfolio

Install dependencies

npm install

Run development server

npm run dev

Create production build

npm run build

Preview production build

npm run preview

---

📈 Performance Goals

✔ Fast Loading

✔ Optimized Rendering

✔ Lazy Loaded Assets

✔ Responsive Design

✔ Smooth 60FPS Animations

✔ Modern Code Structure

---

📬 Connect With Me

🌐 Portfolio

https://ajay-vishwakarmaa.netlify.app

GitHub

https://github.com/ajay160380

LinkedIn

(Add your LinkedIn URL)

---

⭐ Support

If you enjoyed exploring this project or found it useful,

please consider leaving a ⭐ on GitHub.

It helps the project reach more developers and motivates future improvements.

---

Thanks for visiting ❤️

Made with React • Three.js • GSAP • Vite