Skip to content
View rfkokt's full-sized avatar
:electron:
Working from home
:electron:
Working from home

Highlights

  • Pro

Block or report rfkokt

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
rfkokt/README.md

Rifki Okta · Frontend Engineer

Design‑minded dev crafting fast, accessible, and delightful web apps

rdev.cloud GitHub Instagram


✨ About

  • 🎨 Frontend‑first developer who obsesses over UI/UX, motion, and polish.
  • 🧭 Clean architecture advocate: modular FE, state discipline, solid DX.
  • 🧪 Currently exploring micro‑interactions, Core Web Vitals, and AI‑assisted workflows (LLM cascade).
  • 🌏 Based in Indonesia, collaborating globally.
🇮🇩 Bahasa Indonesia Saya seorang frontend engineer yang fokus pada UI/UX, aksesibilitas, dan performa. Suka arsitektur yang rapi, komponen reusable, serta DX yang menyenangkan.

🧰 Toolkit

I care about: a11y, SSR/Streaming, perf budgets, motion design, component APIs, and sane state/data flows.


📌 Highlights

  • rdev.cloud → my digital garden: experiments, teardowns, devlogs

    • UI systems, motion studies, and write‑ups on FE architecture
  • ACMS (Assessment & Competency Management System) – FE lead

    • React + Tailwind + shadcn/ui · SSR (Laravel Blade) + Vite · clean module boundaries
  • LLM Cascade experiments (Groq → Claude) for frugal yet powerful assistants

  • Homelab & DevOps tinkering: Proxmox, Coolify, CF Tunnel, Dashy

Case studies & posts live here: https://rdev.cloud


🔭 What I’m focusing on now

  • Micro‑interactions that communicate state & intent (A11y‑friendly)
  • Design tokens & a small but sharp component kit
  • Practical performance: hydration cost, RSC boundaries, caching
  • AI‑assisted flows in product UIs (summaries, scaffolds, QA)

📊 GitHub Stats

stats
streak
top-langs


🤝 Let’s Build

If you care about crisp UIs, thoughtful motion, and stable architecture, we’ll get along.

rdev.cloud GitHub Email


coding animation

Popular repositories Loading

  1. wedding-tailwind wedding-tailwind Public

    Wedding invitation

    JavaScript 9 1

  2. rdev-prod rdev-prod Public

    JavaScript 2

  3. Covid-19 Covid-19 Public

    Melihat perkembangan penyebaran pandemi covid-19 di indonesia dan dunia https://rfkokt.github.io/Covid-19/

    Vue 1

  4. rfkokt.github.io rfkokt.github.io Public

    Website portofolio Rifki

    HTML 1

  5. cek-covid-19 cek-covid-19 Public

    https://rfkokt.github.io/cek-covid-19/

    HTML 1

  6. portofolio-ui-ux portofolio-ui-ux Public

    CSS 1