RAFFA.DEV

0%
Open for Full Stack Developer Jobs & Freelance

Halo, saya Raffa,
|

Saya adalah Full Stack Developer dari Tasikmalaya yang fokus membangun website dan web app modern secara end-to-end berbasis React, Next.js 14, Vue, Laravel, TypeScript, MySQL, dan Supabase. Siap menangani UI responsive, integrasi REST API, database, pembayaran otomatis, dan memiliki kemahiran Bahasa Mandarin (HSK 5).

Next.js 14ReactLaravelVue.jsTypeScriptMySQLSupabaseMandarin HSK 5
15+Web diselesaikan
100%Responsive HP
HSK 5Mandarin Fluent
RebaSIM - RebaSIM Full Stack OTP Web App
RebaMedia - RebaMedia Full Stack SMM Web App
FULL STACK LIVEAktif di Production

RebaSIM OTP Wallet / RebaMedia SMM Panel

Scroll
Next.js 14 — React — Laravel — Vue.js — TypeScript — Node.js — MySQL — Supabase — REST API — Mandarin HSK 5 — Git — Tailwind CSS — Next.js 14 — React — Laravel — Vue.js — TypeScript — Node.js — MySQL — Supabase — REST API — Mandarin HSK 5 — Git — Tailwind CSS — Next.js 14 — React — Laravel — Vue.js — TypeScript — Node.js — MySQL — Supabase — REST API — Mandarin HSK 5 — Git — Tailwind CSS — Next.js 14 — React — Laravel — Vue.js — TypeScript — Node.js — MySQL — Supabase — REST API — Mandarin HSK 5 — Git — Tailwind CSS — Next.js 14 — React — Laravel — Vue.js — TypeScript — Node.js — MySQL — Supabase — REST API — Mandarin HSK 5 — Git — Tailwind CSS — Next.js 14 — React — Laravel — Vue.js — TypeScript — Node.js — MySQL — Supabase — REST API — Mandarin HSK 5 — Git — Tailwind CSS — Next.js 14 — React — Laravel — Vue.js — TypeScript — Node.js — MySQL — Supabase — REST API — Mandarin HSK 5 — Git — Tailwind CSS — Next.js 14 — React — Laravel — Vue.js — TypeScript — Node.js — MySQL — Supabase — REST API — Mandarin HSK 5 — Git — Tailwind CSS —
TENTANG SAYA

Building Reliable Full Stack Web Apps.

Saya adalah Full Stack Developer dari Tasikmalaya yang berpengalaman membangun solusi web lengkap dari nol: mulai dari perancangan antarmuka responsif di Figma, slicing komponen React/Next.js/Vue, hingga arsitektur backend REST API dan database Laravel, Node.js, MySQL, dan Supabase.

Didukung kemampuan komunikasi multibahasa dengan Bahasa Mandarin (HSK 5 / Fluent Professional) serta Bahasa Inggris teknis untuk kolaborasi tim dan klien skala internasional.

15+Proyek Web
Diselesaikan
Full StackFrontend, API &
Database MySQL
HSK 5Kemahiran
Bahasa Mandarin
ReactReact
Next.jsNext.js
Vue.jsVue.js
LaravelLaravel
TypeScriptTypeScript
JavaScriptJavaScript
Tailwind CSSTailwind CSS
Node.jsNode.js
MySQLMySQL
SupabaseSupabase
Git / GitHubGit / GitHub
FigmaFigma
ReactReact
Next.jsNext.js
Vue.jsVue.js
LaravelLaravel
TypeScriptTypeScript
JavaScriptJavaScript
Tailwind CSSTailwind CSS
Node.jsNode.js
MySQLMySQL
SupabaseSupabase
Git / GitHubGit / GitHub
FigmaFigma
ReactReact
Next.jsNext.js
Vue.jsVue.js
LaravelLaravel
TypeScriptTypeScript
JavaScriptJavaScript
Tailwind CSSTailwind CSS
Node.jsNode.js
MySQLMySQL
SupabaseSupabase
Git / GitHubGit / GitHub
FigmaFigma
ReactReact
Next.jsNext.js
Vue.jsVue.js
LaravelLaravel
TypeScriptTypeScript
JavaScriptJavaScript
Tailwind CSSTailwind CSS
Node.jsNode.js
MySQLMySQL
SupabaseSupabase
Git / GitHubGit / GitHub
FigmaFigma
ReactReact
Next.jsNext.js
Vue.jsVue.js
LaravelLaravel
TypeScriptTypeScript
JavaScriptJavaScript
Tailwind CSSTailwind CSS
Node.jsNode.js
MySQLMySQL
SupabaseSupabase
Git / GitHubGit / GitHub
FigmaFigma
Raffa Rizqi Ramdani - Full Stack Developer
FEATURED WORK — SELECTED PROJECTS — LIVE PRODUCTION — FEATURED WORK — SELECTED PROJECTS — LIVE PRODUCTION — FEATURED WORK — SELECTED PROJECTS — LIVE PRODUCTION — FEATURED WORK — SELECTED PROJECTS — LIVE PRODUCTION — FEATURED WORK — SELECTED PROJECTS — LIVE PRODUCTION — FEATURED WORK — SELECTED PROJECTS — LIVE PRODUCTION — FEATURED WORK — SELECTED PROJECTS — LIVE PRODUCTION — FEATURED WORK — SELECTED PROJECTS — LIVE PRODUCTION —

Proyek Terpilih

Beberapa proyek web yang sudah saya bangun dan aktif di-deploy ke production.

RebaSIM OTP WalletLive Project
PROYEK UTAMA

RebaSIM OTP Wallet

Web app order nomor OTP dengan saldo prepaid, kalkulasi harga otomatis dari provider, deposit Pakasir instan, Supabase Auth, dan tampilan dashboard responsif.

Kalkulasi Harga OTP RealtimeSupabase Auth & DatabaseDeposit Pakasir OtomatisResponsive HP & Desktop
DicodingAja — Full-Stack Agency & Custom CMS
Coming Soon

DicodingAja — Full-Stack Agency & Custom CMS

Decoupled Full-Stack Web App untuk digital agency. Frontend modern React.js + Vite + Tailwind CSS dengan sistem multi-bahasa (i18n), backend Laravel 11 REST API, MySQL database, sistem autentikasi Laravel Sanctum, dan Admin Dashboard CMS lengkap.

React.js • Vite • Tailwind CSS • Laravel 11 • MySQL • Sanctum Auth • REST API
Website SMKN 2 Tasikmalaya (Full Stack)
Coming Soon

Website SMKN 2 Tasikmalaya (Full Stack)

Sistem informasi & portal website resmi sekolah SMKN 2 Tasikmalaya. Dikembangkan full stack dengan React, Vue.js, Laravel REST API, dan database MySQL.

React • Vue.js • Laravel • MySQL • Full Stack
RebaMedia (Web App SMM)
Live

RebaMedia (Web App SMM)

Web app SMM panel dengan antarmuka Next.js 14, login Supabase, deposit QRIS otomatis, dan integrasi REST API reseller 24/7.

Next.js 14 • TypeScript • Supabase • QRIS Payment • REST API
RebaSIM OTP Wallet
Live

RebaSIM OTP Wallet

Platform order nomor virtual OTP realtime dengan saldo prepaid, deposit otomatis, kalkulasi provider realtime, dan dashboard responsif.

Next.js 14 • TypeScript • Supabase Auth • Pakasir Webhook
Raffz Top Up (PPOB & Game Voucher v2)
Live

Raffz Top Up (PPOB & Game Voucher v2)

Website top up game dan voucher digital PPOB dengan alur pembayaran otomatis dan tampilan katalog yang rapi di HP.

Web App • Payment Integration • Responsive UI
Website Portofolio Interaktif
Live

Website Portofolio Interaktif

Portofolio interaktif berbasis Next.js 14 dengan gaya Neo-Brutalism, smooth scroll, animasi reveal, SEO Schema, dan responsive layout.

Next.js 14 • TypeScript • Tailwind CSS • Vercel
Website Top Up Game (v1 Legacy)
Live

Website Top Up Game (v1 Legacy)

Versi pertama platform top up game dengan tampilan simpel untuk kemudahan transaksi cepat.

HTML5 • CSS3 • JavaScript
FOR RECRUITERS & CLIENTS

Kenapa Memilih Saya Sebagai Full Stack Developer?

Saya fokus membangun website dan web app yang rapi, responsif, dan siap langsung dipakai untuk kebutuhan produk atau bisnis Anda.

Eksekusi Full Stack End-to-End

Mampu mengerjakan dari UI/UX mockup, slicing responsive, backend REST API & database, sampai deploy ke Vercel.

Fokus Responsive & Performa

Tampilan di smartphone dan desktop dipikirkan matang agar tetap cepat, ringan, dan nyaman dipakai user.

Stack Modern & Kode Rapi

Terbiasa menggunakan Next.js 14, React, Vue, Laravel, TypeScript, MySQL, dan Supabase dengan struktur teratur.

Mandarin HSK 5 & Komunikasi Luas

Fasih Bahasa Mandarin (HSK 5) dan Bahasa Inggris teknis untuk kolaborasi tim lokal maupun internasional.

RebaMedia Full Stack Case Study Preview
CASE STUDY REAL

RebaMedia (Web App SMM Panel)

Contoh web app produksi yang saya bangun secara end-to-end, mulai dari antarmuka responsive sampai integrasi payment gateway dan backend.

Kebutuhan ProyekMembangun web app SMM panel yang cepat, ringan di HP, dan bisa menangani transaksi pesanan otomatis 24/7.
Fitur UtamaNext.js 14, Supabase Auth & Database, QRIS Payment Gateway Callback, dan integrasi API reseller.
Pengerjaan Full StackSlicing UI responsive, integrasi REST API & webhook payment, manajemen database, dan deployment ke Vercel.
Hasil LiveAplikasi aktif di produksi, responsif, aman, dan siap dikembangkan lebih jauh.
Full StackNext.js 14ReactVue.jsLaravelTypeScriptMySQLSupabaseREST APIMandarin HSK 5
Sedang Saya Dalami Saat Ini:
TypeScript LanjutanArsitektur BackendSystem Design SimpleTesting & CI/CD
LAYANAN & KEAHLIAN

Apa Yang Bisa Saya Pengerjakan?

Full Stack Web Development

Membangun aplikasi website lengkap dari frontend responsif hingga backend REST API menggunakan Next.js 14, React, Vue, Laravel, dan TypeScript.

Backend & Database Architecture

Perancangan skema database MySQL & Supabase, endpoint REST API, autentikasi user aman, dan integrasi webhook payment gateway (QRIS & Pakasir).

Responsive UI/UX & Web App

Slicing antarmuka modern yang ringan, cepat, dan presisi untuk pengguna smartphone maupun desktop dengan Tailwind CSS.

Otomatisasi Bot & Integrasi API

Membuat bot notifikasi otomatis WhatsApp, sistem webhook transaksi, dan integrasi API pihak ketiga (reseller / provider).

ALUR PENGERJAAN

Alur Kerja dari Ide Sampai Website Aktif di Production

01Diskusi & Brief

Memahami kebutuhan website, fitur yang diinginkan, serta referensi tampilan.

02Desain & Slicing UI

Menata tata letak UI di Figma dan melakukan slicing komponen yang rapi untuk HP dan desktop.

03Coding & Integrasi

Membangun website dengan React/Next.js, TypeScript, serta menghubungkan API & Database.

04Testing & Launch

Memastikan tidak ada error, testing tampilan di smartphone, dan deploy ke Vercel.

OPEN FOR HIRING & FREELANCE — LET'S CONNECT — OPEN FOR HIRING & FREELANCE — LET'S CONNECT — OPEN FOR HIRING & FREELANCE — LET'S CONNECT — OPEN FOR HIRING & FREELANCE — LET'S CONNECT — OPEN FOR HIRING & FREELANCE — LET'S CONNECT — OPEN FOR HIRING & FREELANCE — LET'S CONNECT — OPEN FOR HIRING & FREELANCE — LET'S CONNECT — OPEN FOR HIRING & FREELANCE — LET'S CONNECT —

Let's Connect & Collaborate.

Mencari Software Engineer / Full Stack Developer berbakat? Kirim pesan rekrutmen atau pertanyaan proyek di bawah ini.

OPEN FOR RECRUITMENT & PROJECTS

Tertarik merekrut atau berdiskusi proyek web?

Saya terbuka untuk posisi Full Stack / Software Engineer (Full-Time, Contract, Remote/Onsite) maupun pengerjaan proyek web profesional berbasis Next.js, React, Vue, & Laravel.