Memuat...
Karya Teknis
Portofolio
Rekayasa antarmuka web modern, arsitektur Next.js & Angular, Technical SEO & sistem produksi yang saya rancang dan bangun.
Filter:
Urut:
Menampilkan 16 karya & sertifikat (11 proyek, 5 sertifikat)
Proyek (11)
smpn24padang.sch.id
2025 (Proyek Produksi)Fullstack Web Developer (Magang)
Website SMP Negeri 24 Padang
Website sekolah SMP Negeri 24 Padang yang saya bangun dari nol saat magang. Sebelumnya, sekolah belum punya portal digital yang layak saya rancang arsitektur Next.js App Router dengan rendering SSR/SSG, validasi form Zod, dan SEO terstruktur supaya halaman cepat terindeks dan mudah dikelola staf.
Next.js SSR + Dynamic OGRendering & SEO
shadcn/ui + Tailwind CSSDesign System
Mobile Optimized & Fast IndexingWeb Vitals
Next.jsReactTypeScriptTechnical SEO+7
prediksi.ikhwann.my.id
2026 (Riset Skripsi & Aplikasi Web)Web Developer & Penelitian Skripsi
Prediksi Siklon Tropis (Data IBTrACS)
Ini proyek skripsi S1 saya: membuktikan LSTM bisa prediksi lintasan siklon tropis dengan akurat. Saya uji 12 skenario eksperimen (3 basin × 4 variasi timesteps), dan hasilnya window 8-16 paling bagus - rata-rata error cuma 14,2 km dengan R² 0,999. Modelnya saya konversi ke ONNX supaya bisa jalan langsung di browser, frontend pakai Astro Island Architecture.
Haversine 14,2 km | R² 0,999Model Akurasi
Astro Island ArchitectureFrontend Engine
Serverless ONNX RuntimeInference
AstroTypeScriptONNX RuntimeLSTM Time Series+6
cars.ikhwann.my.id
2025Junior Web Developer
Ingstore - Website Penjual Mobil Berbasis CMS
Website showroom mobil yang saya buat supaya calon pembeli bisa eksplor unit, filter berdasarkan spesifikasi, dan langsung hitung simulasi kredit DP dan cicilan bulanan secara real-time. Penjual bisa kelola stok unit lewat struktur CMS yang rapi.
Next.js + TypeScriptFrontend Engine
Instant Dynamic Loan CalcInteractive UX
CMS-Ready CatalogCMS Architecture
Next.jsReactTypeScriptTailwind CSS+5
angular.ikhwann.my.id
2026 (Proyek Unggulan)Junior Frontend Engineer
Website Penjualan Rumah
Aplikasi web pencarian properti yang saya bangun pakai Angular Standalone Components murni TypeScript. Fitur utamanya: komparasi 2 properti secara side-by-side, denah arsitektur 2D bertingkat yang bisa di-zoom, dan simulator cicilan KPR pakai formula anuitas Bank Indonesia - semuanya reaktif lewat Angular Signals tanpa library state management tambahan.
Angular Signals CoreReactivity
Clean Domain-DrivenArchitecture
Bun & Tailwind v4Tooling
AngularTypeScriptAngular SignalsTailwind CSS v4+5
kelola-barang.vercel.app
2025Junior Web Developer
Inventory Logistics Dashboard UI
Dashboard stok gudang yang saya buat supaya operator bisa melihat status persediaan, mencatat barang masuk/keluar/retur, dan filter berdasarkan status stok - semuanya responsif dan berjalan instan tanpa reload halaman.
Next.jsReactTypeScriptTailwind CSS+5
cars.ikhwann.my.id
2025Junior Web Developer
Enterprise Monorepo UI - CRM/ERP Design System
Eksperimen arsitektur monorepo menggunakan Turborepo untuk mengelola beberapa aplikasi Next.js 15 dalam satu workspace. Fokus utamanya: bikin paket UI bersama yang bisa di-share lintas aplikasi, dan pastikan tipe data tetap sinkron antara frontend dan API layer.
Next.js 15React 19TurborepoTypeScript+5
2025Junior Web Developer
Enterprise Monorepo UI - CRM/ERP Design System
Eksperimen arsitektur monorepo menggunakan Turborepo untuk mengelola beberapa aplikasi Next.js 15 dalam satu workspace. Fokus utamanya: bikin paket UI bersama yang bisa di-share lintas aplikasi, dan pastikan tipe data tetap sinkron antara frontend dan API layer.
Next.js 15 + React 19Frontend Core
Turborepo Shared PackagesMonorepo Build
Strict Type ContractsArchitecture
Next.js 15React 19TypeScriptTailwind CSS+5
kelola-barang.vercel.app
2025Junior Web Developer
Inventory Logistics Dashboard UI
Dashboard stok gudang yang saya buat supaya operator bisa melihat status persediaan, mencatat barang masuk/keluar/retur, dan filter berdasarkan status stok - semuanya responsif dan berjalan instan tanpa reload halaman.
Realtime Filtering StateDashboard UX
Dense Responsive GridData Grid
Type-Safe Stock FormsValidation
Next.jsReactTypeScriptTailwind CSS+5
tfidf.vercel.app
2025Junior Web Developer
DockRank - Information Retrieval Search UI
Aplikasi pencarian dokumen yang menampilkan cara kerja algoritma TF-IDF secara transparan - pengguna bisa lihat skor bobot setiap kata kunci, perankingan relevansi dokumen, dan highlight term yang cocok. Dibangun supaya proses information retrieval bisa dipahami secara visual.
Instant Ranking ViewSearch UI
Term Weight BreakdownVisualization
Next.js & ReactFrontend
Next.jsReactTypeScriptTailwind CSS+4
blogsing.vercel.app
2026Junior Web Developer
Content Publishing Platform & Live Editor
Platform menulis dan mempublikasikan artikel dengan editor Markdown yang punya preview langsung di sebelahnya. Artikel yang diterbitkan otomatis punya halaman sendiri dengan URL bersih, metadata SEO terstruktur, dan rendering SSR.
Dual-Pane Live MarkdownEditor UX
Dynamic Structured MetadataSEO Strategy
Next.js Hybrid SSG/SSRRendering
Next.jsReactTypeScriptTailwind CSS+4
2025Fullstack Web & Mobile Developer
React Native E-Commerce Mobile UI
Aplikasi e-commerce mobile cross-platform yang saya bangun pakai React Native dan Expo. Fokusnya di navigasi layar yang mulus, katalog produk yang interaktif, dan penanganan state asinkron untuk loading/error saat fetch data.
Expo & React NativeMobile UI
iOS & Android SupportPlatform
Smooth Screen TransitionsUX Flow
React NativeExpoTypeScriptMobile UI+4
Sertifikasi (5)
Kredensial Asli
Resmi
HUAWEI-AI-FUNDAMENTALSPerbesar
Artificial Intelligence
2026
Artificial Intelligence Fundamentals
Penerbit: Huawei ICT Academy
Sertifikasi ini melengkapi latar akademik saya dengan dasar machine learning dan neural network, mulai dari supervised learning hingga konsep deep learning. Materinya membantu saya memahami dan mengevaluasi model LSTM yang digunakan dalam skripsi, lalu mengintegrasikan hasilnya ke aplikasi web.
Artificial IntelligenceMachine Learning Basics+4+3
Kredensial Asli
Resmi
HUAWEI-AI-PRINCIPLES-APPPerbesar
Artificial Intelligence & Deep Learning
2026
Artificial Intelligence: Principles and Applications
Penerbit: Huawei ICT Academy
Materi lanjutan tentang computer vision, NLP, dan integrasi model AI melalui API. Pengetahuan ini menjadi bekal pendukung saat saya mengemas model LSTM hasil skripsi ke format ONNX Runtime dan mengintegrasikannya ke aplikasi web prediksi siklon tropis.
AI PrinciplesDeep Learning Architecture+4+3
Kredensial Asli
Resmi
HUAWEI-HCIP-DATACOM-V1.0Perbesar
Network & Infrastructure Engineering
2026
HCIP-Datacom Core Technology V1.0 Course
Penerbit: Huawei ICT Academy
Meskipun fokus utama saya web development, memahami dasar jaringan dan komunikasi data itu penting. Sertifikasi ini membantu saya mengerti alur request client-server, kenapa latency terjadi, bagaimana DNS dan routing bekerja, dan cara troubleshoot saat deployment aplikasi bermasalah di jaringan.
Datacom Routing & SwitchingAdvanced IP Networking+4+3
.webp)
Kredensial Asli
Resmi
HACKERRANK-PS-BASICPerbesar
Problem Solving & DSA
Jan 2025
Problem Solving (Basic)
Penerbit: HackerRank
Lulus tes problem solving HackerRank level Basic - artinya bisa menyelesaikan soal-soal algoritma dan struktur data fundamental dalam batas waktu tertentu. Ini melatih kebiasaan saya berpikir terstruktur sebelum ngoding: pecah masalah jadi langkah-langkah kecil, baru implementasi.
Problem SolvingData Structures+4+3
.webp)
Kredensial Asli
Resmi
HACKERRANK-PS-INTERMEDIATEPerbesar
Problem Solving & DSA
Jun 2025
Problem Solving (Intermediate)
Penerbit: HackerRank
Level Intermediate ini menguji kemampuan menangani soal algoritma yang lebih kompleks - optimasi waktu eksekusi, pemilihan struktur data yang tepat untuk kasus tertentu, dan penanganan edge case. Saya ambil ini karena ingin memastikan fondasi berpikir algoritmis saya cukup kuat, bukan cuma bisa bikin UI.
Advanced Problem SolvingComplex Data Structures+3+2