Andrix.Ng
AND-P-002All Projects

Personal Portfolio

ServicePortfolio
Intro

A static-first developer portfolio combining an architectural design system, responsive layouts, and purposeful motion to present projects and engineering capabilities.

Screenshot of Personal Portfolio
Overview

A distinctive developer portfolio that demonstrates how design and engineering decisions work together in practice.

My Role

Lead Developer & Designer

Impact

A cohesive, performant portfolio that stands apart through purposeful motion and clean architecture.

Visual Execution

Design & Architecture

The Challenge

Most developer portfolios list skills without demonstrating how design and engineering decisions work together. The challenge was to create a distinctive experience that remains readable, responsive, accessible, and straightforward to maintain.

The Solution

Built static-first pages with Astro, reusable content-driven components, and a consistent Tailwind CSS design system. JavaScript is reserved for focused interactions such as navigation, galleries, and presentation motion, with reduced-motion preferences respected where animation is used.

Key Features

  • Responsive multi-page portfolio
  • Reusable, content-driven Astro components
  • Animated project presentation and image galleries
  • Accessible navigation and reduced-motion support
Technologies Used
AstroGSAPTailwind CSSTypeScript
Full screen preview