RagaMaya Client

Temukan Makna, Hidupkan Budaya, Bersama RagaMaya

📖 Tentang

RagaMaya Client adalah aplikasi web frontend untuk platform RagaMaya yang dirancang untuk melestarikan, memperkenalkan, dan mengembangkan budaya Indonesia, khususnya batik, melalui teknologi modern. Repositori ini berisi kode sumber untuk antarmuka pengguna platform RagaMaya.

🌐 Kunjungi platform kami: ragamaya.space

Frontend ini dibangun dengan teknologi modern untuk memberikan pengalaman pengguna yang responsif dan interaktif, mendukung berbagai fitur seperti deteksi batik dengan AI, pembelajaran digital, dan marketplace batik.

🚀 Fitur

• Autentikasi Pengguna
• Dashboard Pengguna
• Deteksi Batik dengan AI
• Marketplace
• Sistem Pembelajaran
  • Artikel Edukasi
  • Kuis Interaktif
• Manajemen Transaksi
• Sistem Pembayaran
• Manajemen Sertifikat
• Manajemen Dompet Digital
• Responsive Design

🛠️ Teknologi yang Digunakan

• Framework: Next.js 15+
• Bahasa: TypeScript
• Styling: Tailwind CSS
• State Management: React Context
• UI Components: Custom Components
• Payment Integration: Midtrans
• Animation: Lottie
• HTTP Client: Axios

⚙️ Variabel Environment

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

NEXT_PUBLIC_BASE_API=
NEXT_PUBLIC_GOOGLE_CLIENT_ID=

🚀 Cara Memulai

1. Clone repositori

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

2. Install dependensi

npm install
# atau
yarn install

3. Setup variabel environment

cp .env.example .env.local

4. Jalankan aplikasi dalam mode development

npm run dev
# atau
yarn dev

Aplikasi akan berjalan di http://localhost:3000

📁 Struktur Proyek

.
├── public/           # Aset statis
├── src/
│   ├── app/         # Routing dan halaman
│   ├── components/  # Komponen React
│   ├── helper/      # Helper functions
│   ├── lib/         # Utilitas dan konfigurasi
│   ├── providers/   # Context providers
│   └── types/       # Type definitions

🔨 Scripts

• npm run dev - Menjalankan aplikasi dalam mode development
• npm run build - Membuild aplikasi untuk production
• npm run start - Menjalankan aplikasi dalam mode production
• npm run lint - Menjalankan ESLint
• npm run format - Memformat kode dengan Prettier

📄 Lisensi

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

👥 Kontributor

Tim Pengembangan

• Fahry Firdaus - Frontend Developer
• Kevin Sipahutar - Frontend Developer
• Rivo Juniandra - Machine Learning Developer
• Rama Diaz - Backend Developer

---

© 2025 RagaMaya. Semua Hak Dilindungi.