RupaKode

Memperindah Tampilan, Merapikan Riwayat: Solusi Komprehensif untuk Developer

RupaKode adalah aplikasi web inovatif yang lahir dari kolaborasi dalam program Hacktiv8 x IBM SkillsBuild - Code Generation & Optimization. Proyek ini dirancang untuk membantu developer modern bekerja lebih cerdas, efisien, dan kreatif—semua langsung dari browser Anda, tanpa biaya, tanpa login, dan tanpa hambatan!

Akses aplikasi: https://rupakode.netlify.app/

---

🚀 Overview

RupaKode menggabungkan dua alat esensial dalam satu platform ringan: generator palet warna UI/UX dan generator pesan commit Git berbasis konvensi. Dengan antarmuka yang intuitif dan responsif, RupaKode siap menjadi sahabat produktivitas harian Anda.

✨ Fitur Utama

🎨 Generator Palet Warna

• Input warna dasar (hex)
• Otomatis menghasilkan kombinasi warna: Complementary, Analogous, Monochrome, dll.
• Salin kode warna dengan sekali klik
• Preview visual palet warna

📝 Generator Pesan Commit Git

• Pilih jenis commit: feat, fix, chore, docs, refactor, perf, test, build, ci, style
• Tambahkan scope opsional (misal: auth, navbar, api)
• Tulis deskripsi singkat
• Hasilkan pesan commit sesuai standar Conventional Commits

💡 Manfaat

• Efisiensi waktu: Temukan kombinasi warna & susun pesan commit dengan cepat
• Kualitas lebih baik: Desain UI konsisten & riwayat kode Git lebih jelas
• Antarmuka intuitif: Mudah digunakan pemula maupun profesional
• Gratis & open-source: Dapat dikembangkan komunitas

🛠️ Teknologi yang Digunakan

• Frontend: Angular 20 (Zoneless, Signals)
• UI/UX: Angular Material, Tailwind CSS 4
• Hosting: Netlify
• Data Lokal: Local Storage (offline-first, tanpa backend)
• AI Assistant: IBM Granite (LLM) untuk best practice, optimasi kode, dan dokumentasi

🔧 Instalasi & Menjalankan Lokal

1. Clone repository

   git clone https://github.com/username/rupakode-app.git
   cd rupakode-app

2. Install dependencies

   npm install

3. Jalankan aplikasi

   npm start
   # atau
   ng serve

4. Buka browser ke http://localhost:4200/

🤝 Kontribusi

Kontribusi terbuka untuk fitur, perbaikan bug, atau dokumentasi. Silakan buat issue atau pull request.

---

RupaKode: Kualitas dan efisiensi di ujung jari developer. Temukan palet warna estetis & susun commit informatif dengan mudah setiap hari!

Dibuat dengan semangat kolaborasi di Hacktiv8 x IBM SkillsBuild - Code Generation & Optimization.