Techfin Insight — Perkembangan teknologi web membuat proses membangun sebuah proyek digital menjadi semakin mudah untuk dipelajari dan dieksplorasi. Tidak hanya perusahaan besar yang dapat membuat aplikasi atau layanan berbasis web, tetapi individu dan developer pemula juga dapat menciptakan berbagai proyek mereka sendiri dengan memanfaatkan teknologi web modern.
Salah satu contoh eksplorasi tersebut adalah ABANGADEKGANTENG, sebuah personal portfolio dan digital showcase yang digunakan untuk menampilkan berbagai proyek website, aplikasi web interaktif, game berbasis browser, tools digital, serta eksperimen antarmuka pengguna.
ABANGADEKGANTENG membawa identitas sebagai “Developer • Creator • Digital Builder”. Website ini berfungsi sebagai pusat untuk mendokumentasikan dan memperkenalkan berbagai proyek digital yang telah dibuat maupun yang sedang dikembangkan. Saat ini, website tersebut menampilkan beberapa proyek web aktif serta berbagai eksperimen yang berhubungan dengan pengembangan frontend dan desain antarmuka modern.
Dari Portfolio hingga Eksperimen Web
Berbeda dari portfolio yang hanya menampilkan daftar pengalaman atau hasil pekerjaan, ABANGADEKGANTENG dirancang sebagai sebuah digital space yang menggabungkan portfolio dengan berbagai eksperimen teknologi.
Di dalamnya terdapat beberapa kategori proyek, mulai dari website, web application, browser game, interactive tools, hingga eksperimen UI. Pendekatan ini memungkinkan setiap proyek digunakan sebagai bagian dari proses belajar sekaligus menjadi contoh penerapan teknologi web dalam bentuk yang lebih interaktif.
Salah satu hal yang menjadi perhatian dalam pengembangan website tersebut adalah pengalaman pengguna. ABANGADEKGANTENG menekankan desain responsif yang dapat digunakan pada berbagai ukuran layar, mulai dari smartphone hingga desktop. Website tersebut juga menggunakan pendekatan dark-mode, kontras teks yang tinggi, layout yang fleksibel, serta memperhatikan aksesibilitas dan preferensi pengguna terhadap animasi.
Berbagai Proyek yang Dikembangkan
Salah satu proyek yang ditampilkan adalah NovaPortal, sebuah portal gateway yang dirancang dengan pendekatan touch-first. Proyek ini mengutamakan navigasi yang responsif, tampilan glassmorphism, serta pengalaman penggunaan yang ringan pada berbagai perangkat.
Selain itu terdapat NovaPages, sebuah platform web multi-page dengan arsitektur modular. Proyek tersebut memiliki fitur seperti pengaturan bahasa, penyimpanan konfigurasi pada sisi client, serta pendekatan Progressive Web App atau PWA.
Proyek lainnya adalah NovaPages Five yang mengutamakan pengalaman web yang ringan dan navigasi sederhana. Website tersebut menggunakan semantic HTML, CSS Grid dan Flexbox, serta Vanilla JavaScript dengan proses build menggunakan Vite.
Tidak hanya membuat website dan aplikasi, ABANGADEKGANTENG juga memiliki proyek game berbasis browser. Salah satunya adalah 2048 Web Game, implementasi permainan puzzle 2048 dengan kontrol swipe pada perangkat sentuh, CSS Grid, penyimpanan skor menggunakan Local Storage, serta animasi pada antarmuka.
Ada pula Website Random Generator, sebuah interactive tool yang digunakan untuk memilih destinasi website secara acak. Proyek tersebut menggabungkan JavaScript, Web API, animasi spinner, dan mekanisme pemilihan secara acak.
Sementara itu, bagian Digital Showcase & UI Experiments digunakan untuk menampilkan berbagai eksperimen desain antarmuka, termasuk dark-mode interface, micro-interactions, responsive bento grid, glassmorphism, dan berbagai prototype layout.
Menggunakan Teknologi Web yang Ringan
Salah satu pendekatan yang terlihat dari berbagai proyek tersebut adalah penggunaan teknologi frontend yang relatif ringan dan fleksibel.
Beberapa teknologi yang tercantum dalam portfolio ABANGADEKGANTENG antara lain HTML, CSS, JavaScript, TypeScript, Tailwind CSS, CSS Grid, Flexbox, Vite, PWA, Git, GitHub, Cloudflare Pages, Vercel, dan Netlify.
Pengembangan juga dilakukan dengan memanfaatkan pendekatan modular, responsive web design, semantic markup, DOM manipulation, serta berbagai teknik untuk menciptakan interface yang dapat beradaptasi dengan perangkat pengguna.
Pendekatan tersebut menunjukkan bahwa sebuah proyek web tidak selalu membutuhkan sistem yang kompleks untuk dapat menjadi sebuah eksperimen teknologi yang menarik. Dengan teknologi frontend dan layanan deployment modern, sebuah ide dapat dikembangkan menjadi website yang dapat langsung diakses melalui internet.
Fokus pada Performa dan Pengalaman Pengguna
Selain tampilan visual, ABANGADEKGANTENG juga menempatkan performa sebagai salah satu bagian penting dalam proses pengembangan.
Website tersebut menjelaskan fokus pada waktu pemuatan yang cepat, mengurangi layout shift, serta memberikan navigasi yang tetap nyaman pada berbagai ukuran layar.
Desainnya menggunakan konsep dark interface dengan elemen visual seperti glassmorphism dan efek glow yang dipadukan dengan typography serta spacing yang responsif. Pada saat yang sama, website juga mencantumkan perhatian terhadap accessible touch targets dan reduced-motion preferences.
Hal ini menjadi contoh bahwa pengembangan frontend tidak hanya berkaitan dengan membuat halaman terlihat menarik. Struktur kode, performa, responsivitas, aksesibilitas, dan kenyamanan pengguna juga menjadi bagian penting dalam membangun pengalaman digital.
AI sebagai Bagian dari Proses Eksplorasi
Salah satu bidang yang sedang dieksplorasi dalam perjalanan pengembangan ABANGADEKGANTENG adalah AI-assisted development.
AI dapat dimanfaatkan sebagai alat bantu dalam proses pembuatan prototype, eksplorasi ide, pengembangan interface, maupun iterasi arsitektur. Namun, penggunaan AI tetap membutuhkan proses pengujian, penyesuaian, dan pemahaman terhadap teknologi yang digunakan.
Dalam konteks pengembangan website, AI dapat membantu mempercepat proses dari sebuah ide menjadi prototype yang dapat diuji. Setelah itu, developer tetap dapat melakukan penyempurnaan terhadap struktur, desain, performa, dan pengalaman pengguna.
Sebuah Ruang untuk Terus Bereksperimen
Perjalanan ABANGADEKGANTENG sendiri menggambarkan proses belajar secara bertahap. Dimulai dari mempelajari dasar HTML, CSS, dan JavaScript, kemudian berkembang ke pembuatan game interaktif, randomizer, portal web, aplikasi multi-page, hingga penggunaan TypeScript dan berbagai toolchain modern.
Perjalanan tersebut juga mencakup proses deployment menggunakan platform seperti Cloudflare Pages, Vercel, dan Netlify.
Dengan pendekatan tersebut, setiap proyek tidak hanya dipandang sebagai hasil akhir, tetapi juga sebagai bagian dari proses eksperimen dan pembelajaran.
Membawa Ide Digital Menjadi Proyek Nyata
ABANGADEKGANTENG pada akhirnya menjadi sebuah ruang untuk menggabungkan proses belajar, kreativitas, desain, dan pengembangan teknologi web.
Dari sebuah game puzzle sederhana hingga portal web dan berbagai eksperimen UI, proyek-proyek tersebut menunjukkan bagaimana teknologi web dapat digunakan untuk mengubah ide sederhana menjadi sesuatu yang dapat langsung diakses dan digunakan melalui browser.
Ke depannya, eksplorasi seperti pengembangan frontend modern, responsive UI, aplikasi web, AI-assisted development, serta berbagai creative digital projects masih menjadi bagian dari perjalanan ABANGADEKGANTENG.
Bagi developer yang sedang belajar, pendekatan seperti ini juga dapat menjadi pengingat bahwa membangun proyek tidak harus selalu dimulai dari sesuatu yang besar. Sebuah ide sederhana dapat menjadi awal untuk mempelajari teknologi baru, menguji kemampuan, dan akhirnya berkembang menjadi portfolio digital yang lebih lengkap.
Penulis: Tiara
Editor: Setiawan Chogah
Kredit Visual: Ilustrasi dan foto pada artikel ini menggunakan sumber berlisensi bebas, aset AI, atau siaran pers resmi yang relevan dengan topik.
