SMK NU SUNAN AMPEL PONCOKUSUMO '21
TKJ • FRONTEND / BACKEND

Halo, Saya
MUHAMMAD JIHAN DIMAR

Fokus:

Biasa dipanggil Dimar. Lulusan SMK NU Sunan Ampel Poncokusumo 2021 jurusan Teknik Komputer dan Jaringan (TKJ). Memiliki antusiasme mendalam dalam dunia pemrograman Frontend & Backend—menggabungkan logika pemahaman arsitektur jaringan komputer dengan rekayasa web modern untuk menciptakan aplikasi digital yang cepat, tangguh, dan bernilai guna tinggi.

2021Alumni SMK NU Sunan Ampel
FullstackFrontend & Backend
TKJNetwork & Sysadmin Base
MUHAMMAD JIHAN DIMAR
AVAILABLE FOR HIRETKJ 2021

MUHAMMAD JIHAN DIMAR

@Dimar • Fullstack Engineer

⚡ Frontend🛡️ Backend🌐 Networking✨ Next.js
ABOUT • IDENTITY • JOURNEY

Dari Logika Jaringan (TKJ) Menuju
Rekayasa Web Fullstack Modern

Mengenal Muhammad Jihan Dimar—pengembang yang mengawinkan pemahaman mendalam infrastruktur sistem dengan keahlian pengembangan aplikasi frontend dan backend berstandar tinggi.

2018 — 2021 (LULUS)SMK NU Sunan Ampel Poncokusumo

Teknik Komputer dan Jaringan (TKJ)

Menempa fondasi pemikiran teknik dan logika komputasi. Menguasai arsitektur jaringan komputer, routing protokol, subnetting IP, konfigurasi Linux Debian/Ubuntu Server, manajemen bandwidth Mikrotik, hingga pemeliharaan sistem perangkat keras. Menjadi batu loncatan yang melatih pemahaman esensial tentang bagaimana data terkirim antar server di dunia nyata.

🌐 TCP/IP & DNS🐧 Linux Server📡 Mikrotik Routing🔧 Network Troubleshooting
2021 — 2023Independent Engineering

Eksplorasi Algoritma & Backend Engineering

Melangkah dari instalasi jaringan fisik ke rekayasa perangkat lunak. Mempelajari JavaScript/TypeScript secara mendalam, memahami pola arsitektur backend, RESTful API design, relasi database (MySQL & PostgreSQL), serta manajemen autentikasi JWT.

⚙️ JavaScript / TS🗄️ MySQL & PostgreSQL🛡️ REST APIs📦 Git & GitHub
2023 — SEKARANGNext-Gen Web Architecture

Fullstack Web Developer (Frontend & Backend)

Membangun ekosistem aplikasi web modern skala penuh menggunakan Next.js App Router, React, Three.js WebGL untuk pengalaman interaktif 3D, serta backend Node.js yang cepat dan handal. Berfokus pada kecepatan muat, responsivitas multi-device, dan estetika visual kelas atas.

⚡ Next.js 15+⚛️ React & State🎮 Three.js 3D🚀 Node.js Architecture

Kelebihan Latar Belakang TKJ

Memiliki keunggulan perspektif infrastruktur yang jarang dimiliki developer murni. Sangat memahami latensi jaringan, proses handshake TCP/IP, keamanan port, dan optimasi paket data yang membuat aplikasi web berjalan jauh lebih efisien.

Frontend Yang Hidup & Responsif

Bukan sekadar tampilan statis. Menggabungkan animasi halus, interaktivitas 3D dengan Three.js, visual feedback, dan adaptasi responsif menyeluruh di smartphone, tablet, maupun layar desktop ultra-wide.

Backend Yang Aman & Terstruktur

Mendesain endpoint API yang aman dengan validasi ketat, arsitektur database terorganisir rapi, proteksi CORS/rate-limiting, dan penanganan error terpusat agar server tetap kokoh saat beban puncak.

ARSITEKTUR KEAHLIAN • TECH ARSENAL

Teknologi & Kompetensi
Frontend, Backend & Jaringan

Kombinasi kemampuan rekayasa perangkat lunak modern dengan kedisiplinan ilmu jaringan komputer SMK NU Sunan Ampel Poncokusumo.

Next.js 15+ (App Router)

FRONTEND
90%

Server Components, SSR/SSG, routing cepat, integrasi API, dan arsitektur performa tinggi.

⚛️

React.js & Hooks

FRONTEND
92%

Pembuatan komponen modular, custom hooks, reactive state, dan lifecycle optimization.

📘

TypeScript & JavaScript (ES6+)

FRONTEND
88%

Type safety, async/await, closures, modern ES features, dan clean code structure.

🎮

Three.js & 3D WebGL

FRONTEND
82%

Render 3D scenes interaktif, particle constellation, camera control, dan optimasi 60fps.

🎨

Responsive CSS & Glassmorphism

FRONTEND
94%

Mobile-first styling, CSS animations, design tokens, dan antarmuka futuristik.

🚀

Node.js & Express.js

BACKEND
88%

REST API, middleware, asynchronous event-loop handling, dan error handling terstruktur.

🗄️

Relational DB (MySQL & PostgreSQL)

BACKEND
86%

Relational schema design, query indexing, normalisasi data, dan ORM/query builder.

🛡️

RESTful API & JWT Security

BACKEND
90%

Token-based authentication, password hashing bcrypt, CORS, dan rate-limiting.

🍃

MongoDB & NoSQL

BACKEND
80%

Document-oriented database, flexible schema modeling, dan aggregations.

🌐

Networking & TCP/IP Protocol

NETWORKING
92%

Pondasi SMK NU Sunan Ampel: subnetting IPv4, DNS resolving, port mapping, dan traffic analysis.

📡

Mikrotik & Routing Fundamentals

NETWORKING
85%

Bandwidth management, firewall NAT rules, queue tree, dan konfigurasi gateway.

📦

Git & Version Control

NETWORKING
90%

Branching workflow, merge conflicts resolution, CI/CD automated deployment basics.

SHOWCASE PROYEK • REAL-WORLD BUILDS

Karya Rekayasa
Frontend & Backend Pilihan

Kumpulan proyek yang mendemonstrasikan keahlian fullstack, visualisasi interaktif 3D, serta integrasi sistem jaringan yang kokoh.

🌐FULLSTACK

DimarCloud • Network Topology & Server Monitor

Platform visualisasi real-time topologi jaringan komputer dan status server live dengan WebGL 3D dan WebSockets.

Next.js 15Three.jsNode.jsWebSocketsChart.js
RepoDemo
FULLSTACK

CyberCommerce • High-Performance E-Commerce

Aplikasi belanja modern dengan Server Components Next.js, manajemen state responsif, dan checkout terintegrasi.

Next.jsTypeScriptReact 19PostgreSQLStripe/Midtrans
RepoDemo
🛡️BACKEND

Sentinel • Secure Microservice REST API Hub

Arsitektur backend tangguh berstandar enterprise dengan proteksi JWT, role-based access control, dan Redis caching.

Node.jsExpress.jsPostgreSQLRedisDocker
RepoDemo
🎮FRONTEND

Aura3D • Immersive WebGL Shader & Audio Canvas

Eksperimen visual interaktif 3D WebGL dengan Web Audio API visualizer yang merespons irama suara dan mouse gravitasi.

Three.jsWebGLGLSL ShadersWeb Audio APICSS3
RepoDemo
INTERACTIVE CLI • DEVELOPER CONSOLE

Jalankan Terminal
Eksplorasi Melalui Baris Perintah

Coba ketikkan perintah di bawah ini seperti pada server Linux untuk mengetahui informasi mendalam tentang Dimar secara langsung.

dimar@tkj-node-poncokusumo:~ (bash)bash 5.2

⚡ DIMAR OS v2.4.0 [TKJ-Fullstack-Engine Initialized]

Ketik help untuk melihat daftar perintah, atau klik tombol pintas di bawah.

dimar@fullstack:~$
Pintasan Cepat:
GET IN TOUCH • COLLABORATION

Mari Berkolaborasi
Bangun Solusi Digital Bersama

Apakah Anda memiliki proyek web, kebutuhan arsitektur backend, integrasi API, atau ingin mendiskusikan peluang kerja sama? Saya siap berkontribusi.

Email Langsung

contact@dimar.dev

WhatsApp Messenger

Profil Kode

https://github.com

DOMISILI // BASE

Poncokusumo, Malang — Jawa Timur

Alumni SMK NU Sunan Ampel Poncokusumo (Tahun 2021). Terbuka untuk kesempatan kerja Remote (WfH), Hybrid, maupun On-Site untuk proyek strategis.