🏰 CoC Knowledge Base

Clash of Clans All in One – Knowledge base personal untuk menyimpan semua pengetahuan tentang CoC.

Fitur

• 📚 Artikel terorganisir berdasarkan kategori (Troops, Heroes, Spells, Buildings, Strategy, dll)
• 🔍 Pencarian real-time dengan highlight hasil pencarian dan autocomplete
• 🏷️ Filter kategori dengan chip yang mudah diklik
• ✍️ Tambah & Edit artikel dengan editor Markdown built-in
• 👁 Preview Markdown sebelum menyimpan
• ⭐ Featured articles untuk konten terpenting
• 📊 View counter untuk setiap artikel
• 🔃 Sort berdasarkan terbaru, terlama, A-Z, popularitas
• ⊞ Grid & List view toggle
• 💾 Auto-save ke localStorage (data tersimpan di browser)
• ⌨️ Keyboard shortcuts: Ctrl+K (search), Ctrl+N (artikel baru), Esc (tutup modal)
• 📱 Responsive – bekerja di mobile, tablet, dan desktop

Kategori

Kategori	Ikon	Deskripsi
Troops	⚔️	Semua troop Home Village
Heroes	🦸	Barbarian King, Archer Queen, dll
Spells	✨	Lightning, Rage, Heal, dll
Buildings	🏗️	Semua bangunan desa
Defenses	🛡️	Bangunan pertahanan
Strategy	🎯	Strategi serangan & war
Guides	📖	Panduan upgrade & progression
Base Building	🏰	Desain dan layout base
Clan Capital	🌋	Raid Weekend & Capital
Events	🎉	Event musiman CoC

Cara Menggunakan

1. Buka index.html di browser
2. Klik + Tambah Artikel untuk menambah pengetahuan baru
3. Tulis konten dalam format Markdown
4. Gunakan Search untuk mencari artikel
5. Filter berdasarkan kategori menggunakan chip

Struktur Project

coc/
├── index.html          # Main app
├── assets/
│   ├── css/
│   │   └── style.css   # CoC-themed stylesheet
│   └── js/
│       └── app.js      # Application logic
└── data/
    └── knowledge.js    # Data store + initial articles

Tech Stack

• Pure HTML/CSS/JavaScript – tanpa framework, tanpa build process
• LocalStorage – untuk menyimpan artikel secara lokal di browser
• Markdown – format penulisan konten yang mudah
• Google Fonts (Cinzel + Lato) – untuk tampilan medieval CoC

---

Dibuat dengan ❤️ oleh Subkhan Ibnu Aji | Clash of Clans adalah merek dagang Supercell