Dasbor Keuangan

MarketPulse

MarketPulse adalah dasbor pasar keuangan real-time yang memantau 87+ aset termasuk saham IDX, kripto (Bitcoin, BNB, Ethereum), indeks global, dan komoditas. Dilengkapi analisis pasar multi-dimensi: deteksi rezim pasar (Bullish/Neutral/Bearish), Oppor...

https://marketpulse.ganys.me

⚙️ Project Details

📌 Client Personal Project — Gany Labs
🏷️ Category Dasbor Keuangan
🧰 Tech Stack
Laravel 13 PHP 8.4 SQLite (WAL) Tailwind CSS v4 Alpine.js 3 ApexCharts 5 Vite 8 Laravel Breeze
🔗 Live URL https://marketpulse.ganys.me
⚡ Approach Menggunakan Laravel Queue dengan job-job spesifik (FetchAssetPrices, FetchHistor...
🌐 Visit Live Site ↗
🎯 THE CHALLENGE

Tantangan Proyek

Membangun dasbor pasar keuangan real-time yang bisa memproses dan menampilkan data dari berbagai sumber (Yahoo Finance untuk saham IDX, CoinGecko untuk kripto) dalam satu antarmuka yang koheren. Tantangan utamanya adalah sinkronisasi data dari multiple API yang memiliki rate limit berbeda, frekuensi pembaruan yang tidak seragam, dan format data yang beragam. Selain itu, perlu ada mekanisme caching yang cerdas agar halaman tetap responsif meskipun banyak data yang harus di-fetch, serta queue worker untuk pemrosesan background agar pengguna tidak perlu menunggu data selesai diambil.

💡 THE SOLUTION

Pendekatan & Solusi

Menggunakan Laravel Queue dengan job-job spesifik (FetchAssetPrices, FetchHistoricalData, FetchNewsArticles) yang berjalan secara periodik untuk mengambil data dari berbagai sumber API. Data di-cache dengan TTD berbeda-beda (market overview 60s, sektor 120s, aset 300s) untuk keseimbangan antara kesegaran data dan performa. Menggunakan service layer pattern (MarketDataService, FearGreedService, CoinGeckoService, NewsAggregatorService) untuk memisahkan logika bisnis dari controller. Frontend menggunakan Tailwind CSS v4 dengan theme dark-only dan Alpine.js untuk interaktivitas tanpa perlu framework JS berat. ApexCharts digunakan untuk visualisasi data yang kompleks seperti radar chart, area chart, dan comparison chart.

📊 THE RESULTS & IMPACT

Hasil & Dampak Proyek

✅ Berhasil menampilkan 87+ aset secara real-time (saham IDX, crypto, forex) dengan pembaruan otomatis setiap 2-5 menit via queue worker. ✅ Sistem queue worker memproses 500+ job per jam tanpa hambatan — data harga historis, berita, dan indikator teknikal selalu up-to-date. ✅ UI interaktif dengan ApexCharts: grafik harga real-time, indikator teknikal (RSI, MACD, Moving Average), dan heatmap performa. ✅ Multi-bahasa (ID/EN) + dark mode + responsive di semua perangkat. ✅ Stack: Laravel 13 + SQLite (WAL mode) + Alpine.js + ApexCharts + Yahoo Finance & CoinGecko API. 🔗 Live: marketpulse.ganys.me

Akses Penawaran Eksklusif

Tinggalkan email Anda untuk menjadi yang pertama tahu tentang ketersediaan slot proyek, penawaran khusus, dan wawasan digital untuk bisnis Anda.

Chat