Terbuka untuk magang dan junior · Bandung & Jakarta · remote / hybrid

Java · Spring · React · TypeScript
© 2026Java · React · 2026

FULLSTACKDEVELOPER.

Saya Fajar Rafsan. Fullstack developer: API Java yang andal di belakang, interface React yang jelas di depan.

JavaSpringReactTypeScript

Lihat proyek

GitHub

Sinyal stack

Teknologi dan praktik utama

24 modul · 02 kanal

01Runtime inti

12 / alat

02Praktik delivery

12 / praktik

Profil

Potret01 / FR

Terbuka untuk kerja

Fajar RafsanFullstack Developer

Bandung, ID

Tentang saya

Saya adalahFullstack Developer.

01Java
02Spring
03React 19
04TypeScript

Saya merancang sistem ujung ke ujung: API Java/Spring yang andal di belakang, interface React 19 / TypeScript yang jelas di depan.

Mandiri atau dalam tim — clean code, komunikasi teknis yang rapi, dan rasa ingin tahu yang tidak berhenti di satu layer.

0Repositori publik

00Sistem unggulan

0Sertifikat pelatihan

0.00IPK

Arsitektur gerak

Backend bergerak

Setiap request punya jalur.Setiap event punya tujuan.

Begini saya merancang backend: modular, observable, dan terhubung — batas tanggung jawab tetap jelas.

Alur sinyal

sinkron → asinkron

01MasukClient → GatewayHTTPS
02VerifikasiGateway → AuthBearer
03EksekusiAuth → ServiceBean
04Jalur cepatService ↔ CacheRESP
05PersistensiService → DataJDBC
06DistribusiService → Events / PaymentsAMQP · Webhook

08node
Spring Bootinti
HTTPSke AMQP

IntiSPRINGBOOT

HTTPSHTTPBearerBeanJDBCWebhookAMQPRESP

Client

React 19 SPA

Gateway

Rute & amankan

Auth

JWT / OAuth2

Service

Logika bisnis

Data

PostgreSQL

Payments

Xendit

Events

RabbitMQ

Cache

Redis

Arsitektur front-end

01 — 05

Setiap layar punya state.Setiap aksi punya tujuan.

IntiFRONTEND

UIJSXTSCSSESMSDKSTOMPBearer

Views

Layar SPA

Components

UI pakai-ulang

Types

TypeScript

Styling

Tailwind v4

Bundler

Vite

Checkout

Xendit / Midtrans

Realtime

WebSocket

Auth

OAuth / JWT

0101 / 05

Interface surface

React
JavaScript

Empat SPA di GitHub: TiketKilatFE (pencarian penerbangan, peta kursi, e-tiket), ANISTREAM-FE (katalog, multi-server player, Google OAuth), GLOWMARKET (katalog emas, checkout, admin), dan RoomlyHotel (dashboard reservasi dwibahasa). Satu pola: komponen yang jelas, state yang tidak bocor ke API.

0202 / 05

Type & tooling

TypeScript
Vite
Tailwind

RoomlyHotel ditulis TypeScript. GlowMarket dan ANISTREAM-FE memakai Vite + Tailwind v4. Tipe di klien mengikuti kontrak REST, bukan sebaliknya — UI tidak menebak bentuk data.

0303 / 05

Auth di klien

JWT
React

Google OAuth di ANISTREAM, JWT di Roomly dan GlowMarket. Token tinggal di browser; keputusan otorisasi tetap di gateway dan service Java. Front end hanya membawa identitas, tidak menghakimi hak akses.

0404 / 05

Realtime UI

WebSocket
React

Chat WebSocket/STOMP di GlowMarket dan analitik live di Roomly. Event masuk, komponen berubah — tanpa reload. Subscription dipasang di batas layar, dilepas saat unmount.

0505 / 05

Checkout & delivery

Checkout
JavaScript

Xendit di GlowMarket, Midtrans di Roomly. Front end mengorkestrasi langkah bayar; jurnal, invoice, dan stok tetap di service. Yang tampil di UI hanya status yang sudah dikonfirmasi backend.

Repositori pilihan / 2026

Sistem yang dibangun

Kasus 01Reservasi penerbangan · end-to-endSumber · 01/07+

01Reservasi penerbangan · end-to-end

TIKETKILAT

Pemesanan tiket pesawat dari ujung ke ujung: cari penerbangan, unggah KTP, bayar lewat Midtrans Snap, pilih kursi, lalu unduh e-tiket PDF ber-QR. Backend Java 21 memverifikasi pembayaran lewat webhook bertanda tangan — status lunas tidak pernah dipercayakan pada browser.

PaymentsMidtrans Snap
E-ticketPDF + QR
Tests76 passing

Java 21
Spring Boot 3
PostgreSQL
Spring Security
Midtrans
React 19
TypeScript
Tailwind 4

Tahun2026

Front-end REST API

Kasus 02Platform streaming · Node & RedisAktif · 02/07+

02Platform streaming · Node & Redis

ANISTREAM

Platform streaming anime dengan katalog, multi-server player, jadwal rilis mingguan, Google OAuth, wishlist, dan watch history. Backend Express memakai service layer dan cache Redis agar katalog tetap cepat.

APIREST + service layer
CacheRedis
AuthGoogle OAuth

Node.js
Express
Redis
React 19
Google OAuth
Vitest

Tahun2026

Demo live

Front-end Back-end

Kasus 03Landing kopi specialty · HTML murniAktif · 03/07+

03Landing kopi specialty · HTML murni

ARUNIKA

Landing page statis untuk brand kopi specialty Arunika: katalog minuman dan biji dari origin Indonesia, filter produk, kartu tilt 3D, dan cerita bean-to-cup. HTML, CSS, dan JavaScript murni — tanpa framework, responsif sampai 320px.

PatternStatis
MotionMotion
DeployVercel

HTML5
CSS3
JavaScript
Motion

Tahun2026

Demo live

Repository

Proyek lainnya

Buka detail

Sistem independen08Monitor harga emas resmi · Spring Boot

AURUMKALA

Tahun2026

API dan dashboard admin untuk memantau harga resmi Antam dan UBS per pecahan, menyimpan snapshot historis, serta tetap menyajikan data terakhir yang terverifikasi saat sumber terganggu.

SumberANTAM · UBS
Sinkron3× / hari
KetahananCache · Fallback

Java 21
Spring Boot 3.5
Spring Security
JPA
PostgreSQL
Thymeleaf
Jsoup
OpenAPI

Repository

Inti stack

SYSTEM / CAPABILITY

Layers / onlineAPI UI

Peta kemampuan aktif04 lapisan / 08 nodes

Dari endpoint pertama sampai layar.

Empat lapisan yang saya pakai membangun sistem: service, jaringan service, data, dan interface.

LAYERS: 04
FOCUS: API/UI

Capability matrixSYS.CORE / 04

LAYER / 01

Lapisan layanan

Java & Spring Boot

RESTful API, clean service layer, Spring Security, JWT, dan backend yang mudah dikembangkan.

REST API
JWT
SECURITY

LAYER / 02

Jaringan sistem

Microservices

Eureka, API Gateway, RabbitMQ, Docker, dan arsitektur event-driven.

GATEWAY
AMQP
EVENTS

LAYER / 03

Lapisan data

Data & performa

PostgreSQL, MySQL, Redis, transaksi, migrasi Flyway, caching, dan konsistensi data.

SQL
CACHE
FLYWAY

LAYER / 04

Lapisan delivery

Full-stack delivery

React 19, TypeScript, Tailwind, integrasi payment gateway, dan fitur real-time.

REACT 19
PAYMENTS
REAL-TIME

Perangkat kerja

DAILY / TOOL RACK

Daily tools04 / groups

Perangkat produksiDAILY SET / READY

Alat yang saya pakai setiap hari.

Bukan daftar semua yang pernah saya sentuh — hanya yang benar-benar dipakai di sistem-sistem di atas.

Tool matrix / production16 units · online

GROUP / 01

Inti back-end

Java
Spring Boot
Spring Security
JWT

GROUP / 02

Data & messaging

PostgreSQL
MySQL
Redis
RabbitMQ

GROUP / 03

Runtime & tooling

Docker
Node.js
Express
Git

GROUP / 04

Lapisan antarmuka

React
TypeScript
JavaScript
Tailwind

Workflow / support

CAlgoritma
PostmanUji API
Git FlowAlur cabang

Pengalaman

Akuntansi melatih ketelitian saya.
Rekayasa memberinya sistem.

Belajar dalam.
Mengajar kembali.

SEP 2025 — DES 2025

Instruktur Pemrograman Java

Universitas Nasional Pasim

Mengajar bootcamp Java untuk 30+ mahasiswa: fundamental, OOP, dan arsitektur Web MVC, sampai mereka membangun aplikasi web Thymeleaf sendiri.

SEP 2024 — JUN 2026

Asisten Dosen Akuntansi

Universitas Nasional Pasim

Mendampingi kelas akuntansi: struktur buku besar, logika transaksi, serta penilaian tugas dan ujian.

Pendidikan

Satu beasiswa membiayai dua hal sekaligus:
gelar akuntansi, dan bootcamp yang mengubah arah karier.

Akuntansi yang jadi
fondasi rekayasa.

2023 — 2026

S1 Akuntansi

Universitas Nasional Pasim · Bandung

3.64IPK / 4.00

Beasiswa Penuh PUBDiseleksi lewat proses beasiswa nasional yang kompetitif.

2024 — 2026 · 10 sertifikat

Bootcamp Pemrograman PUB

PUB Training Center · Bandung

01Jun 2024Struktur data & basis dataFondasi penyimpanan dan pencarian
02Mei 2025Back-end JavaFundamental lalu lanjutan
03Mei 2025Web & kontrol versiHTML, CSS, JavaScript, Git
04Sep 2025Logika & algoritma dengan CBahasa C, tanpa jaring pengaman
052026Front-end ReactFundamental lalu lanjutan

Akuntansi mengajarkan hal yang ternyata sama persis dengan tuntutan backend: setiap angka harus bisa ditelusuri asalnya, setiap transaksi harus seimbang, dan tidak ada data yang boleh hilang di tengah jalan. Itu yang saya bawa saat merancang skema relasional dan menulis logika bisnis.

Mengajar di kampus: 2 peran; Asisten dosen & instruktur Java
Rentang nilai: 76 — 90; Sepuluh sertifikat bootcamp

Beasiswa itu juga mendanai bootcamp pemrograman selama lebih dari dua tahun — sepuluh sertifikat di bawah ini lahir dari sana.Lihat sertifikat

Sertifikat

Sepuluh sertifikat, satu jalur belajar.

Dari algoritma dan struktur data sampai back-end Java dan front-end React — semuanya dari PUB Training Center — Programming & Accounting di bawah Program Pemberdayaan Umat Berkelanjutan, Universitas Nasional PASIM Bandung. Satu di antaranya bukan sebagai peserta, tapi sebagai instruktur.

Geser, seret, atau pakai tombol panah

01/ 10

Arsip pembelajaran

2024 — 2026