Asia/Jakarta
ProjectsOctober 25, 2025

Najmi Calculator: Kalkulator Interaktif dengan Fitur Real-Time

image
Najmis Calculator adalah proyek aplikasi berbasis web yang dirancang untuk mengasah kemampuan dasar front-end development. Fokus utama proyek ini adalah penerapan DOM Manipulation dan logika matematika menggunakan JavaScript murni. Selain fungsi hitung, aplikasi ini dilengkapi dengan fitur estetika dan utilitas tambahan seperti sistem waktu real-time dan transisi mode gelap.
  • Operasi Matematika Lengkap: Mendukung fungsi aritmatika dasar (penjumlahan, pengurangan, perkalian, pembagian) dengan logika yang akurat.
  • Jam & Tanggal Real-Time: Mengintegrasikan Date() object untuk menampilkan waktu (format 24 jam) dan tanggal dengan lokal id-ID (Indonesia) yang diperbarui secara otomatis setiap detik.
  • Mode Gelap (Dark Mode): Fitur toggle dinamis untuk berpindah antara tema terang dan gelap menggunakan transisi CSS yang halus untuk kenyamanan mata pengguna.
  • Custom Error Handling: Implementasi blok try...catch untuk menangani input matematika yang tidak valid. Alih-alih pesan standar, aplikasi ini menampilkan pesan error yang unik dan personal: "YANG BENER NYED!"
  • Desain Responsif: Menggunakan CSS Grid dan Flexbox untuk memastikan tata letak tombol tetap presisi dan mudah digunakan di berbagai ukuran layar (mobile & desktop).
  • HTML5: Untuk membangun struktur semantik aplikasi.
  • CSS3: Untuk desain visual, tata letak grid, dan animasi transisi tema.
  • JavaScript (ES6+): Logika utama aplikasi, termasuk penggunaan eval() untuk kalkulasi, setInterval untuk jam, dan manipulasi class untuk fitur Dark Mode.
Proyek ini menjadi sarana belajar yang sangat efektif dalam memahami cara kerja asinkronus sederhana (melalui pembaruan waktu detik demi detik) dan penanganan input pengguna. Tantangan terbesarnya adalah memastikan ekspresi matematika yang kompleks tidak merusak alur aplikasi, yang akhirnya berhasil diatasi dengan sistem error handling yang responsif. Saya juga belajar bagaimana memberikan sentuhan personal (humor) ke dalam aspek teknis sebuah produk digital. Hasilnya adalah sebuah alat bantu hitung yang fungsional sekaligus menarik secara visual. Proyek ini membuktikan pemahaman kuat saya terhadap fundamental JavaScript sebelum melangkah ke framework yang lebih kompleks. Kalkulator ini kini menjadi bagian dari koleksi alat digital pribadi saya yang siap dikembangkan lebih lanjut.

Related projects

Rumio.id: Platform Marketing & Eksplorasi Properti Generasi Baru

Rumio.id: Platform Marketing & Eksplorasi Properti Generasi Baru

Rumio.id adalah platform pemasaran dan eksplorasi properti komprehensif yang dirancang untuk menghubungkan pencari, pemilik, dan agen properti dengan pengalaman interaktif 360° menggunakan teknologi web modern.
Panggih Sedulur: Kuisioner Minat Bakat UKM Unsoed

Panggih Sedulur: Kuisioner Minat Bakat UKM Unsoed

Platform kuisioner interaktif untuk UKM Unsoed dengan sistem scoring 5 kategori utama, branching questions, dan rekomendasi personalisasi.
Website Resmi BEM Universitas Jenderal Soedirman

Website Resmi BEM Universitas Jenderal Soedirman

Pengembangan dan pengelolaan website resmi Badan Eksekutif Mahasiswa Universitas Jenderal Soedirman (BEM-U) menggunakan WordPress, Elementor, dan custom inject HTML.
URL Shortener BEM Unsoed Edition

URL Shortener BEM Unsoed Edition

Pengembangan aplikasi pemendek URL profesional dengan antarmuka Glassmorphism untuk kebutuhan publikasi BEM Universitas Jenderal Soedirman.
GrowTo: Platform Direktori Delivery Order Purwokerto

GrowTo: Platform Direktori Delivery Order Purwokerto

Pengembangan platform informasi layanan delivery order untuk area Purwokerto sebagai Final Project program Soedirman Digital School 2025.
NiceGuy Sound Board

NiceGuy Sound Board

Buat para streamer laper yang pengen naik kereta Bigmo via Soundboard telah kami sediakan aplikasi yang sudah sepaket dengan sound2 yang sering digunakan oleh rektor kita BIGMO.

Edu-Tajwid: Platform Edukasi Digital Ilmu Tajwid

TajwidApps adalah platform edukasi berbasis web yang dirancang untuk membantu pengguna mempelajari hukum bacaan Al-Qur'an (Tajwid), makharijul huruf, dan sifat huruf secara fasih dan tartil.

Transformasi Digital Rabiha Tour & Travel: Branding dan Pengembangan Website

Pengembangan identitas visual, desain konten media sosial menggunakan CorelDRAW & Photoshop, serta pembangunan website company profile menggunakan WordPress Elementor.