Portfolio
IVPL – Tournament Management System 🎮🏆
🚀 IVPL adalah sistem manajemen turnamen game online yang memudahkan penyelenggara dalam mengatur, mengelola, dan melacak jalannya kompetisi eSports dengan efisien.
✨ Fitur Utama
✅ Pendaftaran Tim & Pemain → Sistem otomatis untuk registrasi peserta turnamen.
✅ Bracket & Scheduling → Manajemen bracket otomatis dengan pengaturan jadwal pertandingan.
✅ Live Score & Hasil Pertandingan → Update real-time skor dan hasil pertandingan.
✅ Sistem Leaderboard → Perhitungan peringkat berdasarkan hasil pertandingan.
✅ Notifikasi & Reminder → Informasi pertandingan dan update hasil dikirimkan secara otomatis.
✅ Integrasi API Game → Sinkronisasi data pertandingan dengan platform game populer.
🛠️ Tech Stack
Frontend: React.js + TypeScript + Styled-Component
State Management: React Query
Backend: Node.js + Express.js + MySQL
Authentication: JWT + Role-based Access Control (RBAC)
Deployment: Docker + CI/CD
📖 Cara Penggunaan
Buat Akun & Login → Daftarkan sebagai admin atau peserta turnamen.
Buat Turnamen Baru → Tentukan format pertandingan (single/double elimination, round-robin, dll.).
Daftarkan Tim & Pemain → Pemain mendaftarkan tim atau bergabung ke tim yang ada.
Atur Jadwal & Bracket → Sistem secara otomatis membuat bracket pertandingan.
Update Hasil & Leaderboard → Pemain dan admin dapat memperbarui hasil pertandingan secara real-time.
🎯 Use Cases
Penyelenggaraan Turnamen eSports → Manajemen penuh untuk turnamen profesional maupun komunitas.
Kompetisi Sekolah & Universitas → Platform untuk menyelenggarakan kompetisi gaming antar pelajar.
Liga & Event Gaming Online → Pengelolaan musim kompetisi dengan sistem klasemen & leaderboard.
🚀 Performa & Optimasi
✅ Real-time Updates → Notifikasi otomatis untuk pertandingan dan hasil.
✅ Scalable Architecture → Mampu menangani ribuan peserta secara bersamaan.
✅ Optimasi API → Performa cepat dalam fetching data leaderboard & bracket.
IVPL – Platform Turnamen eSports yang Modern & Efisien! 🎮🏆
Cargoloka (CKL) ✈️📦
🚀 Cargoloka (CKL) adalah platform manajemen pengiriman paket via pesawat yang dikembangkan untuk mendukung SiCepat dalam mendistribusikan barang dengan efisiensi tinggi melalui jalur udara.
✨ Fitur Utama
✅ Pengelolaan Pengiriman Paket via Pesawat → Sistem otomatis untuk tracking dan distribusi paket udara.
✅ Integrasi API Maskapai → Sinkronisasi data penerbangan dan kargo dengan maskapai partner.
✅ Optimasi Rute & Waktu Pengiriman → Menghitung estimasi waktu terbaik untuk pengiriman cepat.
✅ Manajemen Manifest & Dokumen → Digitalisasi dokumen pengiriman untuk mempercepat proses clearance.
✅ Dashboard Interaktif → Menampilkan status pengiriman real-time dalam UI yang intuitif.
🛠️ Tech Stack
Frontend: React.js + TypeScript + Ant Design
State Management: React Query
Backend: Terintegrasi dengan API maskapai & sistem internal SiCepat
Database: PostgreSQL
Authentication: JWT + Role-based Access Control (RBAC)
Deployment: Docker + CI/CD
📖 Cara Penggunaan
Login ke dalam sistem dengan akun admin atau operator.
Input Data Pengiriman → Masukkan informasi paket dan tujuan pengiriman.
Sistem Menghitung Estimasi & Rute → Menampilkan opsi maskapai & jadwal penerbangan.
Tracking Real-time → Monitoring pergerakan paket hingga tujuan akhir.
Notifikasi & Laporan → Sistem otomatis mengirimkan status pengiriman ke pelanggan.
🎯 Use Cases
Ekspedisi Cepat & Premium → Untuk pengiriman barang berharga dan mendesak.
Optimasi Logistik Udara → Meningkatkan efisiensi biaya dan waktu pengiriman via udara.
Integrasi Maskapai & Cargo Handling → Meningkatkan sinergi antara SiCepat dan maskapai penerbangan.
🚀 Performa & Optimasi
✅ Real-time Tracking & Notification → Update status pengiriman langsung ke pelanggan.
✅ Optimasi Rute Berbasis AI → Algoritma prediktif untuk estimasi waktu pengiriman terbaik.
✅ Load Balancing API → Performa lebih stabil dalam menangani volume data tinggi.
SiCepat CMS 🖥️🚀
🚀 SiCepat CMS adalah Content Management System (CMS) yang digunakan oleh SiCepat untuk mengelola konten digital di berbagai platform internal dan eksternal secara efisien.
✨ Fitur Utama
✅ Manajemen Konten yang Mudah → Buat, edit, dan hapus konten dengan antarmuka yang user-friendly.
✅ Integrasi API → Terhubung langsung dengan sistem internal SiCepat untuk pembaruan data real-time.
✅ Role-Based Access Control (RBAC) → Hak akses pengguna yang disesuaikan berdasarkan peran.
✅ Optimasi SEO → Meta tags, sitemap, dan pengelolaan URL untuk meningkatkan visibilitas konten.
✅ Antarmuka Modern → Dikembangkan dengan React.js + TypeScript untuk pengalaman pengguna yang lebih baik.
🛠️ Tech Stack
Frontend: React.js + TypeScript + Ant Design
State Management: React Query
Backend: Terintegrasi dengan API internal SiCepat
Database: PostgreSQL
Authentication: JWT + RBAC
Deployment: Docker + CI/CD
📖 Cara Penggunaan
Login ke dalam sistem dengan akun admin atau editor.
Kelola Konten sesuai kebutuhan, baik itu artikel, banner promosi, atau informasi lainnya.
Integrasikan API untuk menyinkronkan konten dengan platform lain.
Publikasikan & Monitor performa konten dengan analytics bawaan.
🎯 Use Cases
Manajemen Artikel & Blog → Publikasi berita dan informasi terbaru untuk pengguna.
Pengelolaan Halaman Statis → Mengupdate informasi layanan, FAQ, dan halaman lainnya.
Kontrol Banner & Promo → Mengatur tampilan promosi di website dan aplikasi SiCepat.
🚀 Performa & Optimasi
✅ Lazy Loading & Code Splitting → Mempercepat loading halaman CMS.
✅ React Query → Mengoptimalkan pengambilan data dengan caching otomatis.
✅ Optimasi Gambar & Media → Kompresi otomatis untuk meningkatkan kecepatan loading konten.
Masterdata SiCepat 📦🚀
🚀 Masterdata SiCepat adalah sistem manajemen data utama yang digunakan oleh SiCepat untuk mengelola data yang kritis seperti harga, lokasi, gerai, customer, kendaraan, dan lainnya dalam satu platform yang terpusat dan efisien.
✨ Fitur Utama
✅ Manajemen Data yang Terpusat → Semua data penting dalam satu platform. ✅ Integrasi API → Memudahkan akses data ke sistem lain di ekosistem SiCepat. ✅ Antarmuka Modern → Dikembangkan dengan React.js + TypeScript untuk pengalaman pengguna yang lebih baik. ✅ Keamanan & Akses Role-Based → Hak akses sesuai dengan peran pengguna. ✅ Optimasi Performa → Menggunakan React Query, Lazy Loading, dan Code Splitting.
🛠️ Tech Stack
Frontend: React.js + TypeScript + Ant Design
State Management: React Query
Backend: Terintegrasi dengan API internal SiCepat
Authentication: JWT + Role-based Access Control (RBAC)
Deployment: Docker + CI/CD
📖 Cara Penggunaan
Login ke dalam sistem menggunakan akun yang telah disediakan.
Kelola Data sesuai dengan role & akses yang diberikan.
Gunakan API untuk menghubungkan data master ke sistem lain.
Monitoring & Reporting untuk analisis data secara real-time.
🎯 Use Cases
Manajemen Harga & Tarif → Mengatur harga pengiriman berdasarkan zona dan layanan.
Manajemen Lokasi & Gerai → Mengelola data cabang, warehouse, dan lokasi penting lainnya.
Customer & Kendaraan → Tracking dan manajemen pelanggan serta kendaraan operasional.
🚀 Performa & Optimasi
✅ Lazy Loading & Code Splitting → Mempercepat loading aplikasi.
✅ React Query → Pengambilan data yang lebih efisien dengan caching.
✅ Optimasi API Calls → Penggunaan batching dan debouncing untuk efisiensi.
Masterdata SiCepat – Solusi Manajemen Data yang Efektif & Terintegrasi! 🚀
SiCepat for Business 🚀📦
🚀 SiCepat for Business adalah platform layanan pengiriman khusus untuk bisnis yang dirancang untuk membantu UMKM, e-commerce, dan enterprise dalam mengelola pengiriman dengan efisiensi dan transparansi tinggi.
✨ Fitur Utama
✅ Dashboard Bisnis → Monitoring dan pengelolaan pesanan dalam satu tampilan.
✅ Bulk Order Management → Unggah pesanan dalam jumlah besar dengan mudah.
✅ Tracking Real-time → Lacak status pengiriman secara langsung.
✅ Integrasi API SiCepat → Memudahkan e-commerce dalam menghubungkan sistem mereka.
✅ Laporan & Analitik → Statistik pengiriman untuk optimasi operasional.
✅ Dukungan Multi-User → Akses berbasis role untuk tim bisnis Anda.
🛠️ Tech Stack
Frontend: React.js + TypeScript + Ant Design
State Management: React Query
Backend: Node.js + Express.js + PostgreSQL
Authentication: JWT + Role-based Access Control (RBAC)
Deployment: Docker + CI/CD
📖 Cara Penggunaan
Daftar & Login → Buat akun bisnis Anda dan login ke platform.
Upload Pesanan Bulk → Tambahkan data pesanan via file CSV atau API.
Lacak Pengiriman → Pantau status pesanan secara real-time.
Analisis Kinerja → Dapatkan laporan performa pengiriman bisnis Anda.
🎯 Use Cases
E-commerce & Marketplace → Pengelolaan pesanan dalam jumlah besar dengan mudah.
UMKM & Retail → Pengiriman cepat dengan integrasi yang mudah.
Enterprise Logistics → Pemantauan dan optimasi pengiriman dalam skala besar.
🚀 Performa & Optimasi
✅ Scalable Infrastructure → Mampu menangani ribuan pesanan setiap hari.
✅ Optimasi API → Integrasi seamless dengan e-commerce dan marketplace besar.
✅ Keamanan Tinggi → Role-based access untuk data bisnis yang lebih aman.
Word Sensor 📝
🚀 Word Sensor adalah NPM library yang memungkinkan Anda mendeteksi, menyaring, dan menganalisis kata-kata dalam teks dengan mudah. Cocok untuk moderasi konten, analisis sentimen, dan keamanan aplikasi berbasis teks.
✨ Fitur Utama
✅ Filter Kata Sensitif → Sensor kata yang tidak diinginkan dalam teks.
✅ Analisis Sentimen → Menentukan apakah teks bersifat positif, negatif, atau netral.
✅ Custom Word List → Menambahkan daftar kata sendiri sesuai kebutuhan.
✅ Dukungan TypeScript → Dikembangkan dengan TypeScript untuk pengalaman pengembangan yang lebih baik.
✅ Performa Cepat → Dioptimalkan untuk efisiensi dalam pemrosesan teks.
📦 Instalasi
Gunakan npm atau yarn untuk menginstal Word Sensor:
npm install word-sensor
atau dengan Yarn:
yarn add word-sensor
📖 Cara Penggunaan
import { WordSensor } from "word-sensor";
const sensor = new WordSensor({
blockedWords: ["badword", "inappropriate"],
});
// Sensor teks
type const filteredText = sensor.filter("This is a badword example.");
console.log(filteredText); // Output: "This is a ***** example."
// Cek apakah teks mengandung kata terlarang
const containsBadWords = sensor.detect("Another inappropriate word.");
console.log(containsBadWords); // Output: true
🎯 Use Cases
Moderasi Konten → Digunakan dalam forum, aplikasi chat, atau sistem komentar.
Keamanan Aplikasi → Melindungi pengguna dari konten berbahaya.
Analisis Sentimen → Mengklasifikasikan emosi dalam teks secara otomatis.
🔧 Konfigurasi Lanjutan
Tambahkan atau hapus kata dalam daftar sensor sesuai kebutuhan:
sensor.addWords(["newbadword"]);
sensor.removeWords(["inappropriate"]);
🌍 Dukungan Bahasa
Saat ini, Word Sensor mendukung bahasa Inggris secara default. Namun, Anda bisa menambahkan daftar kata untuk bahasa lain dengan mudah.
Sikits ⚡
🚀 Sikits adalah NPM library yang menyediakan berbagai utility functions untuk mempermudah pengelolaan data dan manipulasi dalam proyek JavaScript/TypeScript Anda.
✨ Fitur Utama
✅ Manipulasi Array & Object → Fungsi praktis untuk bekerja dengan data kompleks.
✅ String Utility → Format teks, konversi casing, trimming, dan lainnya.
✅ Date & Time Helper → Pengolahan tanggal dan waktu yang lebih mudah.
✅ Dukungan TypeScript → Dikembangkan dengan TypeScript untuk pengalaman pengembangan yang lebih baik.
✅ Performa Optimal → Ringan, cepat, dan efisien dalam penggunaan.
📦 Instalasi
Gunakan npm atau yarn untuk menginstal Sikits:
npm install sikits
atau dengan Yarn:
yarn add sikits
📖 Cara Penggunaan
import { capitalize, deepClone } from "sikits";
// Menggunakan fungsi capitalize
console.log(capitalize("hello world")); // Output: "Hello world"
// Deep Clone Object
const obj = { a: 1, b: { c: 2 } };
const clonedObj = deepClone(obj);
console.log(clonedObj); // Output: { a: 1, b: { c: 2 } }
🎯 Use Cases
Format teks dan string → Konversi casing, trim, slugify, dsb.
Optimasi Data Handling → Deep cloning, pengelolaan array & object.
Utility Date & Time → Parsing tanggal, format waktu, perbedaan hari.
🔧 Konfigurasi Lanjutan
Sikits mendukung berbagai opsi kustomisasi, misalnya menambahkan fungsi helper sendiri atau meng-extend fitur bawaan.
📜 Lisensi
MIT License © 2025 Asrul Harahap
📬 Hubungi & Kontribusi
🚀 GitHub: github.com/asruldev/sikits
📩 Email: me@asrul.dev
🌐 Website: dev.asrul
Sikits – Utility Library yang Sederhana, Cepat, dan Efektif! 🚀