Web App2026
CodeQuest
Platform latihan soal pemrograman dengan penilaian otomatis, dipakai untuk seleksi internal UKM.
Next.js / TypeScript / PostgreSQL→
Karya yang lahirdari proses belajar.
Kami mendokumentasikan apa yang kami bangun—dari bot Telegram sederhana sampai sistem pendaftaran yang dipakai kampus. Bukan untuk pamer, tapi untuk dibongkar dan dipelajari.
12 PROJECT TERBUKAWeb App2026
DECOMPE Submission Portal
Portal pendaftaran dan pengumpulan karya untuk kompetisi tingkat nasional, lengkap dengan kontrol akses juri.
Next.js / Supabase / Tailwind→
Mobile2026
Artakarsa School Connect
Aplikasi pendataan sekolah mitra program pengabdian, bisa dipakai tanpa koneksi stabil.
React Native / SQLite / Expo→
Web App2026
Jadwal Mentoring
Penjadwalan sesi mentoring anggota dengan pencocokan waktu kosong mentor dan mentee.
SvelteKit / Postgres / Prisma→
Data & AI2026
Analisis Tren Lomba
Papan data tema kompetisi teknologi nasional untuk membantu anggota memilih lomba.
Python / Pandas / Streamlit→
Web App2026
Papan Skor DECOMPE
Tampilan skor langsung untuk babak final, ditayangkan di layar panggung.
React / WebSocket / Redis→
Tools2025
Absensi Kegiatan QR
Pencatatan kehadiran acara lewat pemindaian kode, menggantikan daftar hadir kertas.
Vue / Firebase / PWA→
Data & AI2025
Klasifikasi Sampah Vision
Model pengenalan gambar untuk memisahkan jenis sampah, dibawa ke lomba data tingkat nasional.
Python / PyTorch / FastAPI→
IoT2025
Smart Hydro ESP32
Pemantau nutrisi dan pH tanaman hidroponik dengan papan pantau di web.
ESP32 / MQTT / React→
Tools2025
UKM Inventory
Pencatatan peminjaman barang inventaris UKM beserta riwayat pemakaian per kegiatan.
Laravel / MySQL / Alpine.js→
Web App2025
Portal Alumni
Direktori alumni UKM beserta jalur karier mereka, dipakai untuk mencari pembicara.
Astro / Sanity / Netlify→
Tools2025
Generator Sertifikat
Pembuat sertifikat massal dari data peserta, siap kirim lewat surel.
Node.js / Puppeteer / Nodemailer→
Web App2026
CodeQuest
Platform latihan soal pemrograman dengan penilaian otomatis, dipakai untuk seleksi internal UKM.
Next.js / TypeScript / PostgreSQL→
Web App2026
DECOMPE Submission Portal
Portal pendaftaran dan pengumpulan karya untuk kompetisi tingkat nasional, lengkap dengan kontrol akses juri.
Next.js / Supabase / Tailwind→
Mobile2026
Artakarsa School Connect
Aplikasi pendataan sekolah mitra program pengabdian, bisa dipakai tanpa koneksi stabil.
React Native / SQLite / Expo→
Web App2026
Jadwal Mentoring
Penjadwalan sesi mentoring anggota dengan pencocokan waktu kosong mentor dan mentee.
SvelteKit / Postgres / Prisma→
Data & AI2026
Analisis Tren Lomba
Papan data tema kompetisi teknologi nasional untuk membantu anggota memilih lomba.
Python / Pandas / Streamlit→
Web App2026
Papan Skor DECOMPE
Tampilan skor langsung untuk babak final, ditayangkan di layar panggung.
React / WebSocket / Redis→
Tools2025
Absensi Kegiatan QR
Pencatatan kehadiran acara lewat pemindaian kode, menggantikan daftar hadir kertas.
Vue / Firebase / PWA→
Data & AI2025
Klasifikasi Sampah Vision
Model pengenalan gambar untuk memisahkan jenis sampah, dibawa ke lomba data tingkat nasional.
Python / PyTorch / FastAPI→
IoT2025
Smart Hydro ESP32
Pemantau nutrisi dan pH tanaman hidroponik dengan papan pantau di web.
ESP32 / MQTT / React→
Tools2025
UKM Inventory
Pencatatan peminjaman barang inventaris UKM beserta riwayat pemakaian per kegiatan.
Laravel / MySQL / Alpine.js→
Web App2025
Portal Alumni
Direktori alumni UKM beserta jalur karier mereka, dipakai untuk mencari pembicara.
Astro / Sanity / Netlify→
Tools2025
Generator Sertifikat
Pembuat sertifikat massal dari data peserta, siap kirim lewat surel.
Node.js / Puppeteer / Nodemailer→
Cara kami membangunEMPAT TAHAP
Bukan sekadar tugas kuliah
Setiap project melewati alur yang sama supaya hasilnya bisa dirawat pengurus berikutnya.
01
Masalah nyata dulu
Ide datang dari keluhan yang benar-benar terjadi — pendaftaran manual, absensi berantakan, rekap nilai lomba yang lambat.
02
Tim kecil, peran jelas
Dua sampai empat orang per project, dengan satu penanggung jawab teknis dan satu penanggung jawab kebutuhan.
03
Stack yang kami kuasai
Kami tidak mengejar tren. Kami memakai React, Tailwind, Express, atau kadang sekadar Vanilla PHP asalkan sesuai kebutuhan.
04
Dokumentasikan semuanya
Kode yang bekerja tapi tidak bisa dipelajari orang lain dianggap belum selesai. Semua repository utama diberi panduan.