[{"data":1,"prerenderedAt":364},["ShallowReactive",2],{"portofolio-id-kamaba-yogyakarta":3,"portofolio-all-id":247},{"id":4,"title":5,"_path":6,"body":7,"category":224,"client":5,"date":225,"description":226,"extension":227,"image":206,"industry":228,"meta":229,"navigation":230,"path":231,"seo":232,"services":233,"status":237,"stem":238,"tags":239,"url":245,"__hash__":246},"portofolio\u002Fportofolio\u002Fid\u002Fkamaba-yogyakarta.md","Kamaba Yogyakarta","\u002Fportofolio\u002Fkamaba-yogyakarta",{"type":8,"value":9,"toc":215},"minimark",[10,15,19,26,31,34,38,41,88,92,99,119,123,183,187,201],[11,12,14],"h1",{"id":13},"kamaba-yogyakarta-sistem-informasi-organisasi","Kamaba Yogyakarta — Sistem Informasi Organisasi",[16,17,18],"p",{},"Platform digital terpusat untuk mengelola informasi organisasi, keanggotaan, aktivitas, dan komunikasi Kamaba Yogyakarta secara modern dan user-friendly.",[16,20,21],{},[22,23],"img",{"alt":24,"src":25},"Kamaba Yogyakarta Preview","\u002Fportofolio\u002Fkamaba-yogyakarta\u002Fpreview.avif",[27,28,30],"h2",{"id":29},"masalah","Masalah",[16,32,33],{},"Kamaba Yogyakarta membutuhkan sistem digital yang lebih dari sekadar website profil — sistem yang mampu mengelola data anggota dan pengurus, menyediakan update event dan berita secara real-time, serta memungkinkan admin mengelola konten dengan mudah tanpa keahlian teknis.",[27,35,37],{"id":36},"solusi","Solusi",[16,39,40],{},"Sistem informasi terintegrasi yang berfungsi sebagai hub resmi untuk anggota dan publik:",[42,43,44,52,58,64,70,76,82],"ul",{},[45,46,47,51],"li",{},[48,49,50],"strong",{},"Authentication & User Management"," — Registrasi anggota, login, dan kontrol akses berbasis role",[45,53,54,57],{},[48,55,56],{},"Membership Management"," — Database anggota terpusat dengan kontrol aktivasi",[45,59,60,63],{},[48,61,62],{},"Organization Structure"," — Bagan organisasi visual dengan riwayat posisi dan kepengurusan",[45,65,66,69],{},[48,67,68],{},"Events & Activities"," — Kalender event, registrasi peserta, dan dokumentasi kegiatan",[45,71,72,75],{},[48,73,74],{},"News & Content"," — CMS dinamis untuk mempublikasikan artikel dan update",[45,77,78,81],{},[48,79,80],{},"Gallery"," — Album foto responsif dengan preview lightbox",[45,83,84,87],{},[48,85,86],{},"Admin Dashboard"," — Statistik, quick actions, dan manajemen data terintegrasi",[27,89,91],{"id":90},"peran-saya","Peran Saya",[16,93,94,95,98],{},"Sebagai ",[48,96,97],{},"Fullstack Developer dan UI\u002FUX Designer",", saya bertanggung jawab atas:",[42,100,101,104,107,110,113,116],{},[45,102,103],{},"Arsitektur dan pengembangan seluruh sistem menggunakan Nuxt 4",[45,105,106],{},"Implementasi UI modern dengan Shadcn UI dan Nuxt UI v4",[45,108,109],{},"Desain dan implementasi database MySQL untuk manajemen anggota dan konten",[45,111,112],{},"Pengembangan admin dashboard dengan statistik dan manajemen data",[45,114,115],{},"Implementasi authentication dan role-based access control",[45,117,118],{},"Responsive design dan styling dengan Tailwind CSS",[27,120,122],{"id":121},"tech-stack","Tech Stack",[124,125,126,139],"table",{},[127,128,129],"thead",{},[130,131,132,136],"tr",{},[133,134,135],"th",{},"Layer",[133,137,138],{},"Teknologi",[140,141,142,151,159,167,175],"tbody",{},[130,143,144,148],{},[145,146,147],"td",{},"Frontend",[145,149,150],{},"Nuxt 4, Vue 3, Tailwind CSS",[130,152,153,156],{},[145,154,155],{},"UI Library",[145,157,158],{},"Shadcn UI, Nuxt UI v4",[130,160,161,164],{},[145,162,163],{},"Backend",[145,165,166],{},"Nuxt Server API",[130,168,169,172],{},[145,170,171],{},"Database",[145,173,174],{},"MySQL",[130,176,177,180],{},[145,178,179],{},"CMS",[145,181,182],{},"Custom Admin Dashboard",[27,184,186],{"id":185},"dampak-dan-hasil","Dampak dan Hasil",[42,188,189,192,195,198],{},[45,190,191],{},"Platform scalable dan modern dengan manajemen data terintegrasi",[45,193,194],{},"Desain responsif yang optimal di semua perangkat",[45,196,197],{},"Sistem keamanan yang robust dengan role-based access control",[45,199,200],{},"Siap untuk berkembang seiring kebutuhan organisasi",[16,202,203,207,211],{},[22,204],{"alt":205,"src":206},"Kamaba Yogyakarta Mockup 1","\u002Fportofolio\u002Fkamaba-yogyakarta\u002F1.avif",[22,208],{"alt":209,"src":210},"Kamaba Yogyakarta Mockup 2","\u002Fportofolio\u002Fkamaba-yogyakarta\u002F2.avif",[22,212],{"alt":213,"src":214},"Kamaba Yogyakarta Mockup 3","\u002Fportofolio\u002Fkamaba-yogyakarta\u002F3.avif",{"title":216,"searchDepth":217,"depth":217,"links":218},"",2,[219,220,221,222,223],{"id":29,"depth":217,"text":30},{"id":36,"depth":217,"text":37},{"id":90,"depth":217,"text":91},{"id":121,"depth":217,"text":122},{"id":185,"depth":217,"text":186},"Website","2024-03-15","Sistem informasi organisasi berbasis web untuk Kamaba Yogyakarta dengan member management, events, news, dan dashboard admin terintegrasi","md","Education & Organization",{},true,"\u002Fportofolio\u002Fid\u002Fkamaba-yogyakarta",{"title":5,"description":226},[234,235,236],"Web Development","UI\u002FUX Design","System Information","Coming soon","portofolio\u002Fid\u002Fkamaba-yogyakarta",[240,241,242,243,244,174,179],"Nuxt 4","Vue","Tailwind CSS","Shadcn UI","Nuxt UI v4",null,"pTncDCoM_b1OtFVOa5xgal3oI0FCagLsFMl4DHXuysE",[248,269,291,306,324,343,361],{"path":249,"_path":250,"title":251,"description":252,"image":253,"category":254,"tags":255,"date":261,"status":262,"services":263,"client":251,"industry":268},"\u002Fportofolio\u002Fid\u002Fkairav-studio","\u002Fportofolio\u002Fkairav-studio","Kairav Studio","Studio digital kreatif yang membantu brand membangun website modern, cepat, SEO-ready, dan siap bersaing di era generative engine optimization","\u002Fportofolio\u002Fkairav-studio\u002Fpreview.avif","Company Website",[256,242,257,258,259,260],"Astro","GSAP","SEO","Generative Engine Optimization","Vercel","2026-06-01","In Development",[264,235,265,266,267],"Web Design & Development","SEO & GEO Optimization","Performance Optimization","Brand System","Digital Studio & Creative Technology",{"path":270,"_path":271,"title":272,"description":273,"image":274,"category":275,"tags":276,"date":282,"status":283,"services":284,"client":289,"industry":290},"\u002Fportofolio\u002Fid\u002Fjurutani","\u002Fportofolio\u002Fjurutani","Jurutani","Platform pertanian digital all-in-one yang mendukung petani Indonesia dengan data real-time, AI insights, konsultasi ahli, dan akses marketplace terpadu","\u002Fportofolio\u002Fjurutani\u002F1.avif","Web & Mobile App",[277,278,242,279,280,281],"Nuxt.js","Capacitor","Google Gemini AI","Supabase","Mobile-First","2026-02-01","Live",[285,286,287,288],"Full-Stack Development","Mobile App Development","Integrasi AI","Arsitektur Sistem","Proyek Inovasi Pertanian","Pertanian & Teknologi",{"path":292,"_path":293,"title":294,"description":295,"image":296,"category":224,"tags":297,"date":301,"status":283,"services":302,"client":304,"industry":305},"\u002Fportofolio\u002Fid\u002Fagrinuclear","\u002Fportofolio\u002Fagrinuclear","AgriNuclear","Platform web edukatif yang menjembatani sains pertanian nuklir dengan inovasi pertanian sehari-hari melalui konten visual yang mudah dipahami","\u002Fportofolio\u002Fagrinuklir\u002F1.avif",[298,242,299,300],"React","Static Site","Platform Edukatif","2026-01-15",[234,235,303],"Platform Konten Edukatif","Proyek Akademik","Pertanian & Edukasi",{"path":307,"_path":308,"title":309,"description":310,"image":311,"category":312,"tags":313,"date":317,"status":318,"services":319,"client":322,"industry":323},"\u002Fportofolio\u002Fid\u002Fqinarian","\u002Fportofolio\u002Fqinarian","Qinarian","Platform komunitas teknologi untuk innovators yang menggabungkan kolaborasi open-source dengan solusi digital cutting-edge","\u002Fportofolio\u002Fqinarian\u002F1.avif","Website & Platform Komunitas",[277,242,314,315,316],"TypeScript","i18n","Content-Driven","2026-01-10","Berlangsung",[234,235,320,321],"Platform Komunitas","Content Management System","Inisiatif Personal","Teknologi & Komunitas",{"path":325,"_path":326,"title":327,"description":328,"image":329,"category":275,"tags":330,"date":336,"status":262,"services":337,"client":341,"industry":342},"\u002Fportofolio\u002Fid\u002Fsantap","\u002Fportofolio\u002Fsantap","Santap","Platform POS dan QR ordering modern untuk restoran, kafe, dan UMKM kuliner dengan sistem kasir, kitchen, open bill, pembayaran QRIS, dan customer ordering berbasis web","\u002Fportofolio\u002Fsantap\u002Fpreview.avif",[331,277,332,333,334,335,280,281],"Laravel","Flutter","PostgreSQL","Filament","QRIS","2026-01-01",[285,286,338,339,340],"REST API Development","Payment Gateway Integration","System Architecture","PT Sarwa Kalyana Cara","Food & Beverage Technology",{"path":344,"_path":345,"title":346,"description":347,"image":348,"category":349,"tags":350,"date":354,"status":355,"services":356,"client":359,"industry":360},"\u002Fportofolio\u002Fid\u002Fruangnu","\u002Fportofolio\u002Fruangnu","RuangNU","Platform digital terintegrasi untuk mendukung anggota Nahdlatul Ulama dengan resources Islami, layanan komunitas, dan konten edukatif","\u002Fportofolio\u002Fruangnu\u002F1.avif","Platform Web",[351,242,174,352,353],"PHP Native","Platform Islami","Sistem Komunitas","2025-12-01","Dalam Pengembangan",[234,235,357,358],"Database Design","Platform Konten Islami","Komunitas Nahdlatul Ulama","Agama & Komunitas",{"path":231,"_path":6,"title":5,"description":226,"image":206,"category":224,"tags":362,"date":225,"status":237,"services":363,"client":5,"industry":228},[240,241,242,243,244,174,179],[234,235,236],1781763414122]