RagaMaya Dashboard

Temukan Makna, Hidupkan Budaya, Bersama RagaMaya

📖 Tentang

RagaMaya Dashboard adalah antarmuka administrasi untuk platform RagaMaya yang dirancang untuk mengelola konten, pengguna, dan fitur-fitur platform secara efisien. Dashboard ini merupakan bagian integral dari ekosistem RagaMaya yang mendukung pelestarian dan pengembangan budaya Indonesia, khususnya batik.

🌐 Kunjungi platform kami: ragamaya.space

Dashboard ini menyediakan antarmuka yang intuitif untuk mengelola berbagai aspek platform RagaMaya, termasuk manajemen artikel, kuis, pengguna, dan transaksi.

🚀 Fitur

• Manajemen Artikel
  • Tambah, edit, dan hapus artikel
  • Pengelolaan konten multimedia
• Sistem Kuis
  • Pembuatan dan pengelolaan kuis
  • Pantau performa peserta
• Manajemen Penarikan Dana
  • Kelola permintaan penarikan
  • Verifikasi dan proses pembayaran
• Dashboard Analytics
  • Statistik pengguna
  • Analisis performa konten

🛠️ Teknologi yang Digunakan

• Framework: Next.js 15+
• Bahasa: TypeScript
• Styling: Tailwind CSS
• State Management: React Context
• Form Handling: React Hook Form
• Linting: ESLint
• UI Components: Custom Components

⚙️ Variabel Environment

Buat file .env.local di direktori root dan tambahkan variabel berikut:

NEXT_PUBLIC_CLIENT_URL=""
NEXT_PUBLIC_BASE_API=""

🚀 Cara Memulai

1. Clone repositori

git clone https://github.com/RagaMaya/ragamaya-dashboard.git

2. Install dependensi

npm install
# atau
yarn install
# atau
pnpm install

3. Setup variabel environment (salin dari .env.example)

cp .env.example .env.local

4. Jalankan aplikasi dalam mode development

npm run dev
# atau
yarn dev
# atau
pnpm dev

Buka http://localhost:3000 dengan browser Anda untuk melihat hasilnya.

📁 Struktur Proyek

.
├── app/           # Routing dan pages
├── components/    # Komponen React yang dapat digunakan kembali
│   ├── article/   # Komponen terkait artikel
│   ├── quiz/      # Komponen terkait kuis
│   ├── ui/        # Komponen UI umum
│   └── withdraw/  # Komponen terkait penarikan
├── helper/        # Fungsi helper
├── lib/          # Library dan utilitas
└── public/       # Asset statis

🔨 Scripts

• npm run dev - Menjalankan aplikasi dalam mode development
• npm run build - Membangun aplikasi untuk production
• npm run start - Menjalankan aplikasi yang sudah di-build
• npm run lint - Menjalankan ESLint untuk mengecek kode

📄 Lisensi

Proyek ini dilisensikan di bawah ketentuan lisensi yang disediakan dalam repositori.

👥 Kontributor

Tim Pengembangan

• Kevin Sipahutar - Frontend Developer
• Fahry Firdaus - Frontend Developer
• Rama Diaz - Backend Developer

---

© 2025 RagaMaya. Semua Hak Dilindungi.