Akhirnya Punya Portfolio Sendiri — Ini Ceritanya

Halo semuanya! 👋

Jadi gini, udah lama banget sebenernya saya pengen punya portfolio website sendiri. Bukan yang asal jadi, tapi yang beneran keren dan mencerminkan siapa saya sebagai developer. Dan akhirnya... jadi juga! 🎉

Latar Belakang

Nama saya Kasirun Sitorus, biasa dipanggil 0xKAF di dunia maya. Saya seorang Full Stack Developer yang udah hampir 3 tahun berkutat di dunia web development, terutama di ekosistem PHP.

Selama ini sih kalau ditanya "portofolio lu mana?" saya cuma bisa jawab "ada di GitHub" — dan kita sama-sama tau itu kurang meyakinkan haha. Makanya saya mutusin buat bikin portfolio yang proper, yang kalau dibuka orang langsung ada kesan "oh, ini developer serius."

Kenapa Bikin Dari Nol?

Sebenernya banyak template gratis bertebaran di internet. Tapi saya pengen sesuatu yang beda, yang personal, dan yang paling penting — saya yang bikin sendiri.

Lagipula sebagai developer, masa iya portfolio kita pakai template orang lain? Itu kayak tukang masak yang beli catering buat acara sendiri 😂

Jadi saya putuskan: pure HTML, CSS, dan Vanilla JavaScript. Zero framework, zero dependency.

Konsep & Desain

Untuk tema, saya pilih dark cyber aesthetic — gelap, tegas, dan berasa "techy" banget. Inspirasi datang dari vibe terminal dan kultur hacker yang selama ini saya suka.

Beberapa hal yang saya fokuskan:

Visual yang berkarakter Bukan sekadar dark mode biasa. Ada noise texture overlay, grid background di hero section, dan glow effect yang bergerak ngikutin kursor. Kecil tapi bikin beda.

Custom cursor Ini detail favorit saya. Ada dua elemen: titik kecil yang langsung ngikut kursor, dan ring yang follow dengan delay. Efeknya halus tapi bikin pengalaman browsing jadi lebih premium.

Animasi yang nggak lebay Scroll reveal, language bar yang animate waktu keliatan, parallax glow di hero — semua dibuat subtle. Animasi yang bagus itu yang bikin nyaman, bukan yang bikin pusing.

Fully responsive Dari desktop 1440px sampai HP 360px, tampilannya tetap rapi.

Isi Portfolio

Di portfolio ini saya masukin beberapa hal penting:

• About — siapa saya, latar belakang, dan tech stack yang saya kuasai
• Skills — Backend, Frontend, Mobile (Android), DSS, Database, dan PHP specialist
• Experience — Dua proyek nyata: aplikasi untuk LLDIKTI Wilayah IX dan sistem DSS berbasis metode UTA
• Education — S1 Sistem Informasi, STMIK Profesional Makassar (2019–2023)
• Languages — Bahasa Indonesia dan English (masih belajar hehe)
• Contact — Link ke GitHub, LinkedIn, Facebook, dan Instagram

Stack yang Dipakai

HTML5      → Struktur halaman
CSS3       → Styling, animasi, responsive layout
JavaScript → Interaktivitas, IntersectionObserver, custom cursor
Google Fonts → Syne (judul) + DM Mono (body)

Yep, sesederhana itu. Nggak ada React, nggak ada Tailwind, nggak ada build tool. Buka browser, langsung jalan.

Nama: 0xKAF

Oh iya, saya kasih nama alias 0xKAF buat portfolio ini — diambil dari inisial nama saya: Kasirun Alfauzi. Prefix 0x itu notasi hexadecimal yang sering muncul di dunia programming dan cyber security. Cocok banget sama vibe dark cyber yang saya kejar.

Source Code

Kalian bisa cek langsung source code-nya di GitHub saya:

🔗 https://github.com/AdanaTatuyaHatsumi/portofolio-dark-tency

Struktur file-nya cuma tiga:

• index.html — konten dan struktur
• style.css — semua styling
• script.js — semua logika JavaScript

Simpel, bersih, mudah dibaca.

Penutup

Bikin portfolio sendiri itu bukan cuma soal punya "tempat pajang karya" — ini juga latihan buat kita sebagai developer. Mulai dari nulis HTML yang semantik, CSS yang terstruktur, sampai JavaScript yang efisien.

Kalau kalian belum punya portfolio, saya rekomendasiin banget buat mulai sekarang. Nggak harus sempurna dulu, yang penting ada dan jalan.

Thanks udah baca sampai sini! Kalau ada pertanyaan atau mau ngobrol soal web dev, feel free buat reach out ke saya lewat link di bawah. Sampai jumpa di post berikutnya! 👋

— Kasirun Sitorus / 0xKAF Full Stack Developer · Makassar, Indonesia 🇮🇩

Sosial:

• GitHub: AdanaTatuyaHatsumi
• LinkedIn: kasirunsitorus15
• Instagram: @kasirun.sitorus