hudasetiawan.my.id
A modern, highly interactive personal portfolio built with Next.js App Router, Tailwind CSS, and Framer Motion.
Overview & Objective
This project is the very portfolio you are currently browsing. It was developed to serve as a comprehensive, dynamic showcase of my journey as a Front-End Engineer. Featuring a sleek dark-mode aesthetic with slate backgrounds and teal accents, the application utilizes a component-driven architecture. It dynamically renders project details, adaptive roles, and tech stack icons based on structured TypeScript data, ensuring easy maintenance and scalability.
Engineering & Architecture
Engineered using Next.js with the modern App Router paradigm, React, and strict TypeScript. The user interface is styled utilizing Tailwind CSS for a fully responsive design, enhanced with fluid page transitions and animations from Framer Motion. Iconography is seamlessly integrated using a custom helper function combining Lucide React and Simple Icons.
Key Challenges & Solutions
Designing a scalable TypeScript interface to accommodate diverse project types (team vs. solo, deployed vs. local), implementing dynamic UI components that gracefully adapt to optional data fields, and optimizing the user experience to present a curated archive of projects without overwhelming the visitor.