Personal Portfolio Website | Software Engineering Showcase Modern, responsive, and high-performance portfolio website built with a focus on UI/UX principles and clean frontend architecture. This project serves as a professional gateway to showcase Unity game development expertise and software engineering discipline.
🛠 Technical Stack HTML5: Semantic structure for SEO and accessibility.
CSS3 (Modern Features): Advanced layouts using CSS Grid and Flexbox.
Interactivity: Smooth-scroll behavior and custom cubic-bezier transitions.
Icons: Integrated Bootstrap Icons for a professional visual language.
🚀 Key Engineering Features
- Maintainable Theming System The project utilizes a centralized CSS Variable System (:root) to manage the global theme (colors, backgrounds, accents). This ensures:
Scalability for future theme updates (e.g., Light Mode).
Design consistency across all UI components.
- High-Performance UI/UX Implementation Glassmorphism: The navigation bar implements backdrop-filter: blur, providing a premium look without sacrificing performance.
Dynamic Grid System: The portfolio section uses an auto-fit Grid layout, ensuring a seamless experience across mobile, tablet, and desktop resolutions without redundant media queries.
Optimized Interactive Elements: All buttons and project cards feature hardware-accelerated transform animations for fluid feedback.
- SEO & Professional Integration Open Graph Protocol: Integrated meta tags for professional previews on social media platforms like LinkedIn.
Clean Component Architecture: The HTML is structured into modular sections (Hero, Skills, Portfolio, Contact), facilitating easy maintenance and feature additions.
🏗 Modular Structure Technical Arsenal: A dedicated section to quickly communicate core competencies (C#, Unity, OOP, SOLID).
Case Study Cards: Project previews are designed as "interactive cards" that emphasize technical tags (e.g., Unity / C#) rather than just visuals.
🎨 Design Philosophy The site follows a "Dark-Premium" aesthetic, inspired by high-end software development environments. It prioritizes content readability and clear calls-to-action (CTA) to guide potential recruiters and collaborators efficiently.