🌐 3D Interactive Portfolio - Akhil C

A high-performance, immersive 3D portfolio website showcasing expertise in Embedded Systems and Full-Stack Development. Built with a focus on cinematic storytelling, smooth interactions, and robust performance.

✨ Key Features

• 🚀 Interactive 3D Tech Core: An abstract 3D representation of embedded systems logic, interacting with mouse movement and scroll.
• 📜 Story-Driven Scrolling: Seamless transitions between sections using GSAP ScrollTrigger for a cinematic experience.
• 🛠️ Multi-Disciplinary Showcase: Dedicated sections for Embedded Systems, Web Development, and Desktop Application expertise.
• 🎓 Mentorship & Services: Detailed breakdown of freelance offerings and technical training programs.
• 📄 Professional Resume: Integrated "View Online" and "Download" functionality.
• 📱 Responsive & Fluid: Optimized for all screen sizes with glassmorphism UI elements and custom fluid cursors.

---

🛠️ Tech Stack

• Frontend: HTML5, Vanilla JavaScript (ES6+)
• 3D Engine: Three.js
• Animations: GSAP (ScrollTrigger)
• Styling: Tailwind CSS (Play CDN)
• Deployment: Zero-build architecture for instant compatibility.

---

🚀 Getting Started

1. Clone & Setup

Clone the repository to your local machine and navigate into the project folder:

# Clone the repository
git clone https://github.com/akhilzz/myportfolio.git
# Enter the directory
cd myportfolio

---

2. Running Locally

Since this is a vanilla JS project with zero dependencies to install, you can run it immediately using any of the following methods:

Method A: Extension (Recommended)

• Open the folder in VS Code.
• Install the "Live Server" extension.
• Click "Go Live" at the bottom right.

Method B: Python

If you have Python installed, run this in your terminal:

python -m http.server 8000

Then visit http://localhost:8000.

Method C: Node.js (npx)

If you have Node.js installed:

npx serve .

---

3. Hosting on Vercel

Host your portfolio for free in minutes:

1. Create a Vercel account.
2. Connect your GitHub repository.
3. Select this project (myportfolio).
4. Build Settings:
   • Framework Preset: Other
   • Build Command: Leave empty
   • Output Directory: . (select root)
5. Click Deploy.

---

📂 Project Structure

├── index.html   # Main structure and UI
├── main.js      # Three.js scene & GSAP logic
├── resume.pdf   # Professional CV
└── README.md    # Documentation

---

🤝 Contact

• GitHub: @akhilzz
• LinkedIn: Akhil C

---

Developed with ❤️ by Akhil C