MR
MUHAMMAD RAFIQ
Frontend Developer • Next.js • TypeScript • UI/UX
Malaysia

Saya MUHAMMAD RAFIQ.

Frontend Developer • Next.js • TypeScript • UI/UX

Saya membina produk web moden yang pantas, kemas, dan mudah diselenggara. Fokus pada pengalaman pengguna, reka bentuk sistem komponen, dan prestasi (Core Web Vitals).

MR
Ringkasan

Fokus pada UI moden, prestasi, dan animasi yang terasa “premium”.

Stack
Next.js + TS + MUI
Minat
Design system & motion
Fokus
UX, performance, a11y
Status
Terbuka untuk projek

TENTANG

Siapa saya

Ringkas, jelas, dan fokus pada nilai yang saya bawa dalam projek.

Pendekatan kerja

Saya suka membina UI yang kemas dan konsisten, dengan animasi yang tidak mengganggu tetapi menaikkan “feel” keseluruhan. Saya juga tekankan struktur komponen yang mudah diubah bila skop projek berkembang.

Komponen boleh guna semula
Aksesibiliti
Motion yang halus
Prestasi
Sistem reka bentuk
Fokus “modern”

Layout responsif (mobile-first)

Scroll reveal untuk setiap seksyen

Hover micro-interactions pada kad

Parallax background untuk depth

KEMAHIRAN

Stack & kemahiran

Senarai di bawah boleh anda ubah terus dalam satu fail data.

Frontend
Next.js
React
TypeScript
Material UI (MUI)
HTML/CSS
Animation & UX
Framer Motion
Micro-interactions
Motion Design
A11y
Backend & Data
Node.js
REST
Prisma
PostgreSQL
Firebase
Tooling
ESLint
Git
CI/CD
Vercel
Docker
PROJEK

Projek pilihan

Kad projek dengan animasi scroll + hover untuk rasa lebih moden.

Dashboard Analitik
2025Frontend Developer

Dashboard interaktif untuk visualisasi KPI dengan pengalaman carian & penapisan yang pantas.

Next.js
TypeScript
MUI
Framer Motion

Reka bentuk komponen yang konsisten untuk carta, jadual, dan kad KPI

Animasi scroll reveal dan transition untuk navigasi yang lebih hidup

Optimasi interaksi penapisan untuk rasa responsif

Portfolio & CMS Ringkas
2024Full-stack (Ringkas)

Website portfolio dengan halaman projek dinamik dan susun atur responsif.

Next.js
TypeScript
MUI

Struktur data yang mudah diubah untuk projek & pengalaman

Komponen kad projek dengan hover motion yang halus

Tata letak mobile-first dan aksesibiliti

PENGALAMAN

Syarikat & peranan

Timeline ringkas mengenai pengalaman kerja atau kolaborasi.

Syarikat ABC
Frontend Developer

2024 — Kini • Remote

Menyampaikan ciri baharu, membaiki UI, dan menambah baik prestasi untuk produk utama.

Menyusun semula sistem komponen untuk konsistensi reka bentuk

Meningkatkan pengalaman onboarding pengguna dengan UI yang lebih jelas

Mengurangkan isu UI regresi melalui komponen yang lebih stabil

PROJEK SYARIKAT

Projek yang saya terlibat

Struktur ini sesuai untuk projek dalaman atau projek klien.

Membina modul profil & tetapan akaun

Menambah animasi scroll untuk pengalaman premium

Mengemas kini reka bentuk untuk konsisten merentas halaman

Menyepadukan jadual data dan penapisan

Menyusun semula komponen borang untuk lebih mudah diguna semula

HUBUNGI

Jom bincang projek

Jika anda ada idea, saya boleh bantu bentuk UI, struktur, dan implementasi.

Sedia untuk projek seterusnya

Hantar brief, link rujukan, atau senarai ciri. Saya boleh cadangkan struktur seksyen, komponen, dan gaya animasi yang sesuai.

Buka email
Dibina dengan Next.js, TypeScript, MUI, dan Framer Motion.