riskiyanto.
FRONTEND DEVELOPER / PORTFOLIOTerbuka untuk peluang kerja

Halo, saya Riskiyanto.

Antarmuka
jelas.
Interaksi terasa.

Saya membangun pengalaman web interaktif, dengan perhatian pada komponen yang mudah dibaca dan proses yang terdokumentasi.

Jelajahi karya GitHub saya
kronik-eight.vercel.app
ILUSTRASI
Ilustrasi peta dunia dengan penanda peristiwa dan wilayah peradabanJelajahi ruang & waktu
FRONTEND PLAYGROUNDDari pilihan ke pesanan.Coba demo top up di bawah

WEB INTERAKTIF AUTOMASI EKSPLORASI UI

Scroll untuk eksplorasi

01 SELECTED WORK

Karya yang bisa
dieksplorasi.

Dua proyek, dua konteks.
Dari eksplorasi sejarah hingga pengisian data.

KRONIK / WEB PROJECT
Kronik — Jelajahi Sejarah Dunia
Tangkapan layar halaman utama Kronik, dengan judul Jelajahi Sejarah Dunia dan tombol eksplorasi
Tangkapan layar website Kronik

Kronik

01 / WEB INTERAKTIF

Menelusuri sejarah melalui peta, timeline, dan filter topik. Sebuah proyek eksplorasi yang saya bangun dengan bantuan AI.

  • Next.js
  • React-Leaflet
  • Tailwind CSS
  • next-intl
Live website
AUTOMASI / WORKFLOW
Ilustrasi alur proyek

Bot Pengisian Data

02 / AUTOMASI

Mengotomasi pengisian data pada website, dengan review final oleh pengguna dan log terminal untuk menelusuri error.

  • Pengisian data
  • Review pengguna
  • Log error
Tanpa demo publik

02 FRONTEND PLAYGROUND

Coba alurnya.
Rasakan
detailnya.

Demo kecil untuk konteks top up game: memilih paket, memvalidasi ID, dan meninjau pesanan sebelum konfirmasi.

Ringkasan mengikuti pilihanPesan error dekat inputStatus loading, gagal & berhasil

Hanya simulasi. Game dan harga adalah contoh. Tidak ada pembayaran atau pengiriman data.

Nova Arena

Game fiktif · Top up diamond

DEMO

Gunakan ID contoh, 6–12 digit angka.

2Pilih nominal
3Pilih pembayaran simulasi
Total contohRp20.000

86 diamond · QRIS · Tanpa biaya tambahan

03 DI BALIK PROYEK

Saya Riskiyanto.
Belajar lewat
hal yang dibangun.

Saya mengerjakan proyek web dan automasi dengan bantuan AI. Setiap proyek menjadi kesempatan untuk belajar, menyusun komponen yang terbaca, dan mencatat prosesnya.

Lihat profil GitHub
01 /

Keterbacaan komponen

Saya mengusahakan struktur komponen yang mudah dibaca agar perubahan fitur lebih mudah ditelusuri.

02 /

Dokumentasi sebagai kebiasaan

Proyek saya dokumentasikan agar konteks pengerjaan dan perubahan bisa diperiksa kembali.

03 /

AI dalam proses kerja

Saya terbuka tentang penggunaan AI dan terus memperdalam pemahaman atas hasil yang dibangun.

TEKNOLOGI DI PROYEK SAYA
  • HTML
  • CSS
  • JavaScript
  • Next.js
  • Tailwind CSS
  • Leaflet
  • next-intl

04 LET'S CONNECT

Terbuka untuk posisi frontend

Mari bangun
sesuatu yang berguna.

Saya terbuka untuk berdiskusi tentang
posisi frontend dan pengembangan web.
DEMO / REVIEW PESANAN

Sudah sesuai?

Periksa pilihan sebelum menyelesaikan simulasi.

Game
Nova Arena (fiktif)
ID pemain
Paket
Pembayaran
Total contoh

Tidak ada pembayaran nyata. Data tetap di browser Anda.