WebFeatured

My Portfolio Website

Personal Project

2025|Bandung, Indonesia

Tech Stack

Next.jsReactShadcn UIFramer MotionTailwind CSS

Highlights

Personal BrandingModern Web ArchitectureHigh Performance
My Portfolio Website

About the Project

My personal portfolio website — a digital space where I showcase my professional journey, open-source projects, and product design philosophy. I began building it in 2024 using a simple React setup, focusing on learning the fundamentals of modern front-end development and creating a clean, functional interface. As my skills grew, I continued refining both the design and performance of the site. Later, I rebuilt the project using a more modern stack to better reflect my development approach and attention to detail. The site is now powered by Next.js and React, with Tailwind CSS and Shadcn UI providing a consistent and scalable design system. The content is currently managed using static data and reusable components, keeping the structure simple while still being easy to maintain and extend. The application is optimized for performance and responsiveness to ensure a smooth user experience across devices.

Project Info

Client

Personal Project

Year

2025

Location

Bandung, Indonesia

Duration

The project was developed over approximately 1 weeks , from initial UI/UX wireframing and technology research to the final deployment and performance optimization.

Category

Web

✦ Featured Project

Project Story

Problem

My previous portfolio used outdated technologies and lacked the flexibility for dynamic content. It didn't accurately represent my current engineering capabilities or my focus on modern UI/UX standards, making it difficult to maintain and scale.

Goal / Use Case

To create a high-performance, SEO-optimized digital presence that serves as a centralized hub for my work. The objective was to implement a modern tech stack (Next.js 15) a seamless user experience.

Impact

The rebuild significantly improved page load speeds and lighthouse scores, resulting in a better professional impression for recruiters and collaborators. While the integration of Framer Motion provides an engaging, interactive experience that highlights my attention to detail.

Development Duration

The project was developed over approximately 1 weeks , from initial UI/UX wireframing and technology research to the final deployment and performance optimization.

Explore More

Check out other projects in my portfolio.