MH
AboutExperienceProjectsSkillsContact
Muhammad Hafidz Hubbusysyuhada

MUHAMMAD HAFIDZ
HUBBUSYSYUHADA

Full Stack Engineer with 4+ years of experience building scalable web applications

Surabaya, Indonesia
hubbusysyuhada@gmail.com
Get In Touch

About Me

Full Stack Engineer with 4+ years of experience building scalable web applications using TypeScript, Node.js, PHP (Laravel), Nuxt, and PostgreSQL. Led development of design systems, internal tools, and AI integrations that improved workflow efficiency and code consistency. Operates at senior level, adept at collaborating with PMs/designers and contributing to architecture discussions. Eligible for EU Blue Card/Skilled Workers Visa. Currently learning German (A2) for integration into German-speaking teams.

4+
Years of Experience
10+
Projects Handled & Maintained
25+
Tech Stacks

Work Experience

Sekolah.mu logo

Sekolah.mu

Full Time · 3 yrs 1 mo

Sep 2022 - Present

Frontend Engineer

Jul 2025 - Present · 3 mos

After transitioning from my previous full stack role, I've shifted my focus to frontend development, contributing to a large-scale rewrite of our core platform into a modular super app designed for scalability and flexibility.

My key contributions include:

  • Architecting and develop a modular frontend architecture, enabling independent deployment and maintenance of platform features.
  • Implementing responsive and accessible UI components based on detailed Figma designs provided by the design team.
  • Coordinating with backend engineers, product managers, and designers to ensure alignment on technical specifications, usability, and delivery timelines.
  • Supporting the refinement and application of our internal design system, promoting UI consistency across modules including (but not limited to) Nuxt Layers, State Management, strict type checking, etc.

This position builds on my previous full stack experience and allows me to apply my broader product understanding to create better-aligned and more efficient frontend solutions using Nuxt 3, TypeScript, and modern web practices.

Full Stack Engineer

Sep 2022 - Jul 2025 · 2 yrs 11 mos

I am responsible for the end-to-end development, implementation, and maintenance of features within an online assessment management platform. My work has directly contributed to the success of high-profile clients like Bank Indonesia, helping to generate over €1.4M in revenue in 2024.

My key contributions include:

  • Spearheaded end to end development, including the creation of a reusable design system that improved team efficiency and ensured UI consistency.
  • Developing and maintaining an internal NPM package for reusable assets, streamlining development workflows across multiple repositories.
  • Integrating Google Gemini AI to automate video transcription, significantly improving platform accessibility.
  • Working closely with product managers and designers to have a more efficient sprint planning and feature delivery.

This work was built on a strong technical foundation using PHP Laravel, Golang, Nuxt 3, TypeScript, MySQL, and AWS S3.

media 0
media 1
media 2
Sumber Cahaya (Local Automotive Garage) logo

Sumber Cahaya (Local Automotive Garage)

Freelance · 4 mos

Oct 2023 - Jan 2024

I developed a full-featured web application for a local car repair shop, handling everything from backend architecture to frontend interface. The system supports end-to-end management of transactions, products, and customer data with built-in access control and reporting features.

Key features and my responsibilities include:

  • Built complete CRUD functionality for managing transactions, products, and customers, with Role-Based Access Control (RBAC).
  • Integrated automated invoice generation and printing to streamline day-to-day operations.
  • Created interactive charts to visualize transaction trends and business insights.
  • Designed and developed the application from scratch using Node.js, Fastify, TypeScript, MikroORM, Next.js, Redux, MySQL, and SCSS.
media 0
media 1
media 2
media 3
Feedloop.io logo

Feedloop.io

Full Time · 1 yr 4 mos

Jun 2021 - Sep 2022

As a backend engineer, I led the backend development team for Qore, a low-code platform inspired by frameworks like Hasura and Supabase. I was responsible for designing and maintaining scalable, secure systems using modern backend technologies, while also contributing to enterprise readiness and client success.

My key contributions include:

  • Designed and maintained the backend system using Node.js, Fastify, TypeScript, and Mikro ORM, with PostgreSQL managing tables, views, triggers, and functions.
  • Implemented Row-Level Security (RLS) and Role-Based Access Control (RBAC) policies in PostgreSQL to enforce fine-grained access control.
  • Contributed to securing enterprise deals worth up to €115,000 by supporting security assessments and addressing client data protection requirements.
  • Utilized a modern backend stack including REST APIs, Redis, and PostgreSQL to deliver reliable and performant services.
  • Maintained the CI/CD pipeline using GitHub Actions and Google Cloud Compute Engine.
media 0
media 1
media 2
media 3
Government of Indonesia logo

Government of Indonesia

Freelance · 3 mos

Apr 2021 - Jun 2021

I built a custom web application for managing administrative workflows across departments, focusing on document handling, automation, and ease of use. The project was designed and developed entirely from scratch.

Key features and my responsibilities include:

  • Implemented full CRUD functionality for managing administrative records and documents.
  • Integrated the Google Drive API to securely store and retrieve uploaded documents.
  • Developed automated PDF invoice generation and printing features to streamline administration.
  • Built the entire application using Node.js, Express.js, PostgreSQL, React, and Redux.
media 0
media 1
media 2

Featured Projects

Stubsit - API Stub Tool

A comprehensive tool for frontend developers to create mock APIs
project media
project media
project media
project media

Stubsit is a powerful API stubbing tool that allows frontend developers to create realistic mock APIs without waiting for backend implementation. Features include dynamic response generation, request logging, and easy configuration through a web interface.

Node.js Fastify+3 More

Lern Talentics - Asset Management

Internal tool for managing and distributing design assets
project media
project media

Lern Talentics is an internal asset management system that centralizes icons, illustrations, and other visual assets. It features automated NPM package generation, searchable asset library, and team collaboration tools for consistent design implementation across projects.

Nuxt 3 Supabase+2 More

Mandoor - Low Code Scaffolding

Visual project server generator for Node.js applications
project media
project media

Mandoor is a low-code tool that generates complete Node.js + Fastify projects based on database schema definitions. It includes automatic API generation, authentication setup, and database migrations, significantly reducing development time for new projects.

Node.js Fastify+2 More

Bayaro - Receipt Generator

Receipt generator for small business owners (UMKM)
project media
project media

Bayaro, comes from Javaneese word "Bayar O!" (to pay), is a lightweight receipt generator for small businesses (UMKM) to create digital receipts quickly and securely. It supports PDF printing, image copy, and features a clean, responsive UI — perfect for food stalls, pop-ups, and indie sellers.

Typescript Next.js

MaMed - Online Hospital App

Online Hospital App to book a doctor appointment and daily medical reminder
project media
project media
project media
project media
project media
project media
project media

MaMed is a mobile app that allows users to book doctor appointments at partnered hospitals, view bills, prescriptions, and set medication reminders. Built with React Native, Expo, and Redux, it provides a smooth, responsive experience—ideal for patients managing their healthcare on the go.

React Native Expo Redux

Stubsit - API Stub Tool

A comprehensive tool for frontend developers to create mock APIs
project media
project media
project media
project media

Stubsit is a powerful API stubbing tool that allows frontend developers to create realistic mock APIs without waiting for backend implementation. Features include dynamic response generation, request logging, and easy configuration through a web interface.

Node.js Fastify+3 More

Lern Talentics - Asset Management

Internal tool for managing and distributing design assets
project media
project media

Lern Talentics is an internal asset management system that centralizes icons, illustrations, and other visual assets. It features automated NPM package generation, searchable asset library, and team collaboration tools for consistent design implementation across projects.

Nuxt 3 Supabase+2 More

Mandoor - Low Code Scaffolding

Visual project server generator for Node.js applications
project media
project media

Mandoor is a low-code tool that generates complete Node.js + Fastify projects based on database schema definitions. It includes automatic API generation, authentication setup, and database migrations, significantly reducing development time for new projects.

Node.js Fastify+2 More

Bayaro - Receipt Generator

Receipt generator for small business owners (UMKM)
project media
project media

Bayaro, comes from Javaneese word "Bayar O!" (to pay), is a lightweight receipt generator for small businesses (UMKM) to create digital receipts quickly and securely. It supports PDF printing, image copy, and features a clean, responsive UI — perfect for food stalls, pop-ups, and indie sellers.

Typescript Next.js

MaMed - Online Hospital App

Online Hospital App to book a doctor appointment and daily medical reminder
project media
project media
project media
project media
project media
project media
project media

MaMed is a mobile app that allows users to book doctor appointments at partnered hospitals, view bills, prescriptions, and set medication reminders. Built with React Native, Expo, and Redux, it provides a smooth, responsive experience—ideal for patients managing their healthcare on the go.

React Native Expo Redux

Technical Skills

All Technical Skills
Languages, Frameworks, Databases, Tools & Cloud Technologies

Languages & Frameworks

TypescriptNode.jsPHP LaravelReactVue.jsNuxtExpress.jsFastifyNext.jsjQueryReduxVuex
🍍
Pinia
React NativeExpoGolangSASSGraphQLSocket.IO
🐻
Zustand
Tailwind

Databases

MySQLPostgreSQLMongoDBRedisSupabase

Tools & Cloud

GitDockerAWSGCPJestCypressFirebaseNPM Package
Certifications
JavaScript IntermediateHackerRank cert
JavaScript Intermediate
HackerRank
SQL IntermediateHackerRank cert
SQL Intermediate
HackerRank
Node.js IntermediateHackerRank cert
Node.js Intermediate
HackerRank
AWS Technical EssentialAmazon Web Services cert
AWS Technical Essential
Amazon Web Services
English Language CertificateBritish Council cert
English Language Certificate
British Council
German Language CertificateSprachtest.de cert
German Language Certificate
Sprachtest.de
Languages
Indonesian flag
Indonesian
Native
English flag
English
C1 - Fluent
German flag
German
A2 - Learning

Let's Work Together

I'm always interested in new opportunities and exciting projects. Let's discuss how we can work together to build something amazing.

© 2025 Muhammad Hafidz Hubbusysyuhada. All rights reserved.