🔹 Technologies Used:
- HTML5: Structured the content and layout of the site.
- CSS3: Styled elements, implemented transitions, and 3D transforms.
- JavaScript: Added interactivity, animation logic, and user controls.
- Optional Libraries:
- Three.js (if used) for deeper 3D visuals.
- GSAP (optional) for smooth animations.
🔹 Features:
- Interactive 3D card flip effects for projects.
- Animated navigation transitions.
- Parallax scrolling and hover animations.
- Responsive design for mobile and desktop views.
🎓 What I Learned
- Deepened my understanding of CSS 3D transforms and perspective settings.
- Learned how to manage DOM animations using JavaScript for smooth user interaction.
- Practiced organizing files and writing reusable, scalable code.
- Gained insight into user experience and how animation can enhance engagement without overwhelming content.
⚠️ Challenges Faced
- Cross-browser compatibility: Some 3D effects behaved differently in different browsers; I had to fine-tune the CSS and test across platforms.
- Performance optimization: Animations and transitions initially caused lag; I optimized by reducing unnecessary repaints and using
will-changeproperties. - Balancing design with usability: Ensuring the 3D elements were interactive and cool — but still easy to navigate and understand.
