Hello, I'm Miftahul Habib

— a front-end developer based in Yogyakarta.

About

Hi! I’ve been building for the web as a front-end developer for over five years. My main focus is working with JavaScript frameworks to bring designs to life—creating clean, easy-to-use web applications that run smoothly and are built to last :D

Experience

PT Mahakam Berkah Bersama

Front-end Developer

Jul 2025 - Jul 2026

Refactored and maintained a comprehensive Hospital Management System using Vue.js and Vuex, spearheading the development of critical new features including Nursing and Doctor Assessments, laboratory procedures, and complex forms like Medical Rehabilitation, Hemodialysis assessment, etc.

DM ID Group

Front-end Developer

Jul 2025 - Jul 2026

Architected the core web application utilizing Next.js and Tailwind CSS, delivering a highly responsive and accessible user experience across multiple platforms. Optimized the platform's SEO architecture to maximize organic visibility, successfully scaling traffic to reach 90.000+ monthly visitors.

Binar Academy

Subject Matter Expert (Front-end Developer)

Apr 2022 - Sep 2022

Designed and authored a comprehensive Front-end Developer curriculum to facilitating the technical education of 200+ students. Developed end-to-end, student-friendly learning modules ranging from foundational web technologies to advanced React development. Structured practical teaching materials that cover the complete software development lifecycle, culminating in modern website deployment utilizing platforms like Vercel.

Red Ant Colony

Front-end Engineer

Mar 2021 - Dec 2021

I was responsible for developed interactive web application using Laravel Framework and JavaScript & JQuery, collaborated with UI/UX Designer to refine mockup design for optimal user experience and worked with Backend Engineer to integrated Backend data with frontend views through API connection.

Tricky Tricks

Graphic Designer

Sep 2019 - Mar 2021

I was responsible for developed visually appealing Instagram filter designs utilizing Adobe Illustrator and Spark AR, and collaborated with other Designer to create filter logic that aligned with brand messaging.

Skills

Languages

  • JavaScript (ES6)
  • TypeScript
  • HTML 5
  • CSS
  • Go (Golang)

Frameworks

  • React
  • Next
  • Vue
  • Tailwind
  • Express

Tools

  • Git & GitLab
  • MongoDB
  • PostgreSQL
  • Docker
  • Redux
  • Zustand
  • Vuex

Other

  • Responsive Design
  • SEO
  • Scrum
  • Clean Code

Projects

Showcasing my recent projects and contributions.

Personal Messenger

Personal Messenger

A Personal Messenger app supporting real-time messaging, join rooms, and chat with friends instantly.

GolangPostgreSQLReactTypeScriptTailwindDocker
Personal Expense Tracker

Personal Expense Tracker

A Personal Expense Tracker app that helps users manage their finances by tracking income, expenses, and generating insightful reports.

VueTypeScriptPiniaZodTailwind
Personal Expense Tracker API

Personal Expense Tracker API

A production-grade REST API built in Go, featuring JWT authentication with refresh token rotation, per-user data isolation enforced at the database query level, and a fully containerized deployment on Aiven.

GolangChiJWTDockerSwag
Hospital Information Management System

Hospital Information Management System

Developed and maintained a Hospital Information Management System (SIMRS) for a local hospital, streamlining patient data management and improving operational efficiency.

VueVuexBootstrap
AUDY Dental Website

AUDY Dental Website

Developed a modern company profile website designed for optimal SEO performance, featuring integrated pricing displays and a seamless appointment booking system.

Next.jsTailwind CSSAxiosFramer MotionMaterial Tailwind
AUDY Dental CMS Dashboard

AUDY Dental CMS Dashboard

Developed a customized dashboard serving as the central Content Management System (CMS) for the main website.

ReactTypescriptTailwindReact ReduxReduxjs ToolkitMantine Datatable
Midaz CMS Dashboard

Midaz CMS Dashboard

Developed a customized dashboard serving as the central Content Management System (CMS) for the main website.

ReactTypescriptTailwindReact ReduxReduxjs ToolkitMantine Datatable

Connect

I'm always open to freelance projects. Feel free to contact me using the email or social links below.

Loading...