RHF
Racmat Hafidz Fadli
4+ Years Experience

Frontend
Engineer

with passion

Frontend Web and Mobile Engineer with more than 4 years of experience. Successfully developed several digital products, with expertise in React.js, Next.js, React Native, and UI/UX design.

Racmat Hafidz - Frontend & Mobile Engineer
⚛️
🚀
📱
React.js
Next.js
React Native
UI/UX Design
He Doesn’t Just Code

Not Your Ordinary Frontend Engineer

Speaking at tech event - presenting to audience with colorful artwork backdrop

I’m a Frontend Engineer who believes great products come from more than just clean code—they're built through clear communication and strong collaboration. I enjoy working in cross-functional teams, sharing knowledge, and turning complex ideas into simple, intuitive interfaces. For me, writing code is just one part of building something valuable—connecting with people is just as important.

With a balance of technical skill and product awareness, I focus on delivering user experiences that are thoughtful and impactful. I’m always curious, open to learning, and committed to building solutions that are not only functional, but meaningful.

Key Focus Areas:

Frontend DevelopmentCollaboration & CommunicationProduct AwarenessKnowledge SharingContinuous Learning

Experience Journey

4+ years of crafting digital experiences and building innovative solutions

Frontend Engineer

Artajasa (ATM Bersama)
Yogyakarta, Indonesia
2025 - Present

React.jsTypeScriptRedux

Frontend Engineer

Synapsis
Jakarta & Yogyakarta, Indonesia
2024 - 2025

Built AI, SCM, and superapps dashboards, Madhani website, and utilized complex AntD forms. Collaborating with cross-functional teams to deliver impactful digital solutions.

Next.jsTypeScriptZustandAntdTailwindFigma

Frontend Web & Mobile Engineer

Inixindo
Yogyakarta, Indonesia
2022 - 2024

Led full-cycle development of web and mobile apps using React.js, Next.js, and React Native. Also managed app releases, designed UI/UX in Figma, and facilitated team growth through cross-functional collaboration and impactful knowledge-sharing sessions.

React.jsNext.jsTypeScriptReact NativeReduxAntdFigma

Frontend Engineer

Folkatech
Remote
2022

Contributed to frontend development of Telkom's churn analysis tool. Integrating chart libraries with APIs to deliver intuitive data visualizations.

React.jsReduxTailwindFigma

Android Developer

QUICK Traktor
Yogyakarta, Indonesia
2019

Developed 6 Android applications in 6 months to digitalize warehouse operations at QUICK Traktor, transitioning from manual processes to real-time data input. Improved time efficiency, minimized human error, and reduced fraud risks in the item receipt workflow.

Android StudioJavaSQLiteMySQLPostgreSQL

Wordpress Developer

IoTanam
Yogyakarta, Indonesia
2018

Designed and developed IoTanam’s official website using WordPress and Elementor, enhancing brand presence for clients and investors. Also contributed to business growth through active participation in startup incubator.

WordPressElementorcPanelSEO

Featured Projects

Showcasing innovative solutions and digital experiences I've crafted

Eduparx
Web Application
2022-2024

Eduparx

Integrated E-commerce and Learning Management System (LMS).

Next.jsReduxAntdBootstrap
AI Dashboard
Web Application
2025

AI Dashboard

AI dashboard with real-time chatbot interaction and Personal Protective Equipment (PPE) detection for workplace safety.

Next.jsTypescriptZustandAntdTailwindCSS
InPress
Mobile Application
2023-2024

InPress

Attendance tracking app for employees.

React NativeReduxFirebase
Supply Chain Management
Web Application
2025

Supply Chain Management

Supply chain management system for managing warehouse.

Next.jsTypescriptZustandAntdTailwindCSS

More Projects

Additional projects showcasing diverse skills and technologies

SuperApps
Web Application
2025

SuperApps

Superapps platform integrating LMS, SCM, Attendance, and more in one system.

Next.jsTypescriptZustandAntdTailwindCSS
Madhani
Web Application
2025

Madhani

New Version of Madhani Website Company Profile.

Next.jsTypescriptZustandAntdTailwindCSS
Eduparx Mobile
Mobile Application
2023-2024

Eduparx Mobile

Mobile version of Eduparx (E-commerce and Learning Management System).

React NativeReduxFirebase
InPress UI/UX Design
UI/UX Design
2023

InPress UI/UX Design

UI/UX design for InPress made with Figma.

Figma
Chure
Web Application
2022

Chure

Calculates and visualizes your company’s churn rate.

ReactJSReduxTailwindCSSCharts
DroneShop
Web Application
2021-2022

DroneShop

E-commerce platform specializing in high-quality drones.

ReactJSReduxCSS
Wrytte
Web Application
2021

Wrytte

Open blogging platform inspired by Medium.

ReactJSReduxTailwindCSSWYSIWYG Text Editor
ChitChat
Mobile Application
2021

ChitChat

A real-time chat mobile application.

React NativeFirebase
Watchlist
Web Application
2021

Watchlist

Browse your favorite movies and tv shows.

NextJSTailwindCSSTMDB API
Racxstudio
Web Application
2021

Racxstudio

Professional profile website for a software house.

ReactJSTailwindCSS
Today's Target
Web Application
2021

Today's Target

A simple and efficient to-do list application.

ReactJSReact HooksLocalStorageTailwindCSS
Lawan Corona
Web Application
2021

Lawan Corona

Educational and real-time COVID-19 tracking app for Indonesia.

ReactJSReduxTailwindCSSMathdroid Covid API
DroneShop REST API & Admin Dashboard
Web Application
2021-2022

DroneShop REST API & Admin Dashboard

Backend system providing REST APIs and admin dashboard for DroneShop.

NodeJSExpressJSMongoDBJWTEJS+3 more
Wrytte REST API & Admin Dashboard
Web Application
2021

Wrytte REST API & Admin Dashboard

Backend system providing REST APIs and admin dashboard for Wrytte.

NodeJSExpressJSMongoDBJWTEJS+5 more

Tools & Skills

Technologies and tools I use to bring ideas to life and create exceptional digital experiences.

⚛️

React.js

Frontend

A JavaScript library for building user interfaces with component

🚀

Next.js

Frontend

The React framework for production with server-side rendering

📘

TypeScript

Frontend

JavaScript with syntax for types, enhancing code reliability

📱

React Native

Mobile

Build native mobile apps using React and JavaScript

🎨

Tailwind CSS

Frontend

A utility-first CSS framework for rapid UI development

🟢

Node.js

Backend

JavaScript runtime built on Chrome's V8 JavaScript engine

🔄

Redux

Frontend

Predictable state container for JavaScript applications

🔥

Firebase

Backend

Platform for building web and mobile applications

🎯

Figma

Design

Collaborative interface design tool for creating prototypes