SMK TARUNA HARAPAN 1 CIPATAT // XI RPL

Haii, Saya
Nizam F. Arafli

Santai, to the point, dan suka membongkar hal rumit sampai paham cara kerjanya. Dari ngeracik Cloudflare Workers & Supabase, benerin jalur sirkuit hardware & laptop, membangun web resmi OSIS & sistem belajar sekolah, sampai mainin tuts piano di sela waktu luang.

Jelajahi Project Buka Terminal Chat Langsung

30+

Web Teman Dihosting

3.0

Versi E-Learniz LMS

100%

Otodidak & Solutif

Personality & Identity

"Gw Kayak Gimana Orangnya?"

Berdasarkan jejak baris kode, komit git malam hari, dan deretan sistem yang dibangun di folder ini, berikut potret otentik kepribadian dan cara pandang seorang Nizam:

01 // The Practical Builder

Bukan Teori, Tapi Solusi Nyata

Bukan tipe yang cuma puas bikin kalkulator atau todo-list tutorial. Kamu membangun ekosistem fungsional yang benar-benar dipakai orang lain: mulai dari OSIS TARPAN ONE untuk sekolah, platform belajar E-Learniz v3, hingga sistem kasir & monitor dapur Teras Mbun.

// Commit style: "asliasliasliasli", "swipe", "ctxmenu" — cepat, pragmatis, jalan.

02 // The Hardware Tinkerer

Merusak untuk Mengerti

Rasa ingin tahu yang menembus batas layar kaca. Kamu suka membongkar laptop, flashing smartphone mode EDL, merakit smart room ESP32, hingga menyolder modul power supply dan speaker. Bagimu, memahami perangkat keras adalah seni tersendiri.

"Sesekali merusak hardware untuk mengerti cara kerjanya." — Bio Nizam

03 // The Community Pillar

Teman Pendiam yang Selalu Jadi Andalan

Persona yang kamu tulis di bot AI-mu sendiri menggambarkannya secara akurat: "Santai, to the point, kaya temen kelas yang pendiem tapi pinter." Buktinya nyata: kamu memfasilitasi hosting portofolio untuk 30+ teman sekelas di StudentsWeb dan membuat portal kisi-kisi ujian untuk membantu mereka.

// Mengayomi tanpa pamrih, mengutamakan aksi daripada omong kosong.

04 // The Musical Mind

Harmoni Logika & Rasa

Nekat membeli piano 1 jutaan secara mandiri, lalu berlatih disiplin setiap hari sampai tangan kiri dan kanan tersinkronisasi serta menghafal beragam progresi chord. Koding adalah melatih logika algoritma; musik adalah mengasah kepekaan rasa. Kamu memiliki keseimbangan langka antara keduanya.

"Musik adalah bahasa keduaku. Keduanya sama-sama merangkai nada dan logika."

Project Universe

Karya & Ekosistem Nyata

Klik langsung pada kartu project mana pun untuk membukanya secara instan, atau klik Detail Arsitektur untuk melihat penjelasan teknologinya:

v3.0 Flagship Buka Project

E-Learniz v3.0

Portal belajar modern berbasis edge network. Diperkuat Cloudflare Workers dan database SQLite/D1, dilengkapi pengalih kelas dinamis, materi, kuis, dan akun tamu read-only.

Cloudflare Workers SQLite / D1 Vanilla JS PWA

PWA Official Buka Project

OSIS TARPAN ONE

Web portal resmi OSIS SMK Taruna Harapan 1 Cipatat. Menghadirkan swipe drawer, bottom sheet modal, seksi bidang, prestasi, dan kotak aspirasi online siswa.

Progressive Web App Swipe API Custom CSS Context Menu

F&B Real-World Buka Project

Teras Mbun POS & Ordering

Sistem pesan makan tanpa ribet untuk kedai makan "Teras Mbun". Dilengkapi pemesanan mandiri oleh tamu, live monitor antrean pesanan di dapur, dan dasbor admin kasir.

Kitchen Display PWA Live State Editorial UI

Bot & AI Engine Chat @nizamai

Class WA-Bot & @nizamai

Bot WhatsApp cerdas multi-device dengan Baileys. Mengintegrasikan asisten AI personal '@nizamai', pengingat jadwal kelas, pembuat stiker Brat, dan sinkronisasi Supabase.

Node.js Baileys MD Custom AI Persona Supabase

EdTech Assessment Buka Project

Ujian • Kisi-Kisi & Nilai

Platform latihan soal ulangan dan rekapitulasi nilai instan. Siswa tinggal memilih kelas dan nama tanpa perlu login rumit; nilai otomatis tersimpan ke Supabase cloud.

Supabase DB Quiz Engine Instant Scoring PDF Schedule

Community Platform Buka Project

StudentsWeb Class Portfolios

Inisiatif hosting dan pembuatan web portofolio bagi 30+ teman sekelas di jurusan RPL. Dilengkapi floating navigation 'Magic Pill' untuk menjelajah profil teman satu angkatan.

30+ Profiles Magic Pill Router Static Ecosystem

UI/UX Re-engineering Buka Project

WhatsApp Web UI Clone

Rekayasa ulang antarmuka WhatsApp Web secara pixel-perfect murni dengan Vanilla JavaScript. Menangani state obrolan, chat renderer, filter kontak, dan tema gelap presisi.

Vanilla JS Chat Renderer Modular CSS

Interactive Utility Buka Project

Digital Match Scoreboard

Papan skor digital interaktif kontras tinggi untuk pertandingan class-meeting sekolah dengan kontrol sentuh responsif dan pembaruan babak dinamis.

HTML5 CSS3 High-Contrast UI

Capabilities & Craft

Keahlian & Multitalenta

Kombinasi antara keahlian rekayasa perangkat lunak modern, penguasaan perangkat keras elektro, dan kepekaan musikal piano otodidak:

Web & Cloud Systems

HTML5 / Semantic CSS95%

Modern JavaScript (ESNext)90%

Cloudflare Workers & D188%

Supabase & Database SQL82%

PWA & Offline Service Workers85%

Hardware & Teknisi

Bongkar / Reparasi Laptop & HP90%

Elektronik & Soldering Modul88%

Mikrokontroler ESP32 / Arduino C++78%

Flashing ROM & EDL Mode Smartphone85%

Analisis Sirkuit Power Supply & Audio82%

Tools & Musikalitas

Piano & Sinkronisasi 2 Tangan88%

Harmoni Chord & Ear Training85%

Git & Version Control Workflow85%

Baileys WA Bot Multi-Device92%

Rapid UI Prototyping86%

Interactive Sound Sandbox

Mainkan Tuts Piano Nizam

Diciptakan menggunakan Web Audio API bawaan browser tanpa file audio luar. Klik tuts di sebelah kanan untuk mendengarkan nada harmonik piano elektrik!

Progresi: Do (C) - Re (D) - Mi (E) - Fa (F) - Sol (G) - La (A) - Si (B) - Do tinggi (C5)