An immersive, interactive portfolio built to go beyond the traditional scroll-based experience.
Instead of static sections, this portfolio is designed as a 3D western-themed environment where users explore a “town” — each space representing a part of myself, skills, and projects.
Most portfolios are static.
This project explores a different approach — turning a portfolio into an experience:
- Movement replaces scrolling
- Exploration replaces navigation
- Interaction replaces passive viewing
The goal was to create something memorable, intuitive, and engaging while still maintaining usability.
- React – UI structure and state management
- Three.js – 3D rendering and scene control
- JavaScript (ES6+) – Core logic
- CSS – Styling and layout
- 🎥 Cinematic Navigation – Smooth camera-based transitions
- 🏜️ 3D Environment – Western-inspired interactive world
- 🧭 Multiple Navigation Options – Scroll, navigation bar, and slider
- 🧩 Interactive Projects – Explore projects within the environment
- 🎵 Sound Design – Optional music and sound effects
- 🌗 Dynamic Theme – Day/Night mode toggle
- ⚡ Performance Focused – Optimized interactions and rendering
- Designing intuitive UX in a non-traditional interface
- Managing 3D scenes efficiently in the browser
- Balancing performance with visual quality
- Creating smooth, responsive animations
- Structuring interactive storytelling in web design
- Ensuring smooth performance across devices
- Making navigation intuitive in a 3D space
- Avoiding overwhelming the user while keeping it engaging
- Fine-tuning camera movement and transitions
git clone https://github.com/azmil666/portfolio
cd portfolio
npm install
npm run devFeel free to explore the portfolio and share your thoughts!