Explore

Navigate through the portfolio and discover selected work, services, and ways to connect.

Contact

About / The person behind the work

A frontend developer with a designer's eye.

I bring visual thinking and frontend engineering together to build digital experiences that are easy to use, maintain, and evolve.

Muhammad Fakhri Alfi Syahrin

Muhammad Fakhri Alfi Syahrin

Frontend Developer · UI Engineering · Visual Design

Bekasi, Indonesia5+ years of experience
My background

From graphic design to frontend engineering.

In 2023, I transitioned from a graphic designer to a frontend engineer, working with various companies on their website systems. Currently, I am engaged in projects using tech stacks such as Vue.js and React.js for frontend development, and have experience managing backend tasks with Node.js, Express.js, TypeScript, and JavaScript.

Today I focus on building responsive company websites, e-commerce experiences, and management dashboards. My work combines clean implementation, thoughtful layout, and practical decisions that support the people using the product.

Responsive interfaces
Accessible interactions
Reusable component systems
Performance-aware delivery

How I work

A practical approach to good digital craft.

The best result comes from balancing a clear purpose with solid implementation and consistent detail.

01

Purpose before pixels

Understand the goal, audience, and content before choosing the interface pattern.

02

Systems over one-offs

Build reusable components and shared tokens so the experience stays consistent as it grows.

03

Craft with care

Balance responsive behavior, accessibility, maintainability, and performance.

Tools & technologies

The tools behind the interface.

A flexible toolkit for building modern websites and web applications.

Frontend

React.jsVue.jsJavaScriptTypeScriptHTMLCSS

Styling & UI

Tailwind CSSBootstrapshadcn/uiResponsive Design

Backend familiarity

Node.jsExpress.jsPHPLaravel

Data & workflow

MySQLMongoDBREST APIsGitFigma
Visual design experienceA design-led perspective informs how I approach hierarchy, rhythm, and visual consistency.