Live Demo | View Code

Role: Designer & Developer

Timeline: 1 Week (Design + Development)

Tech Stack: HTML, CSS, JavaScript, GitHub Pages

Overview

I designed and developed a personal portfolio website to showcase my work as a web developer, emphasizing usability, accessibility, and modern web practices. The site features a clean layout, intuitive navigation, and secure contact functionality—all built with HTML, CSS, and JavaScript.

Key Features

Immersive Project Cards

• Parallax hover effect: Subtle image movement on cursor interaction (JS-driven).
• Staggered animations: Title, subtitle, tech stack, and links fade in sequentially.
• Dynamic gradients: CSS linear-gradient overlay for text readability.

Performance Optimizations

• Zero dependencies: No jQuery, React, or frameworks (100% vanilla JS).
• Lazy loading: Native <img loading="lazy"> for offscreen images.
• Optimized assets: Compressed images with WebP fallback (implied by /images/ paths).

Responsive Design

• Mobile-first CSS: Media queries for breakpoints at 360px, 480px, 768px, and 1024px.