SecureAPP - Platform Dashboard Pelatihan Keamanan Web

PwnoSec adalah platform pelatihan keamanan web yang dirancang untuk membantu pengguna mempelajari dan memahami berbagai aspek keamanan aplikasi web. Platform ini menyediakan lingkungan yang aman untuk berlatih mengidentifikasi dan mengeksploitasi kerentanan keamanan umum.

🚀 Fitur Utama

1. Sistem Autentikasi

• Login aman dengan kredensial:
  • Username: pwnosec
  • Password: pwnosec-staff
• Validasi input pengguna
• Pesan error yang informatif

2. Dashboard Interaktif

• Status Keamanan

  • Tampilan persentase keamanan sistem
  • Indikator visual status keamanan
  • Progress bar untuk monitoring

• Monitoring Pengguna Aktif

  • Statistik pengguna real-time
  • Persentase pertumbuhan pengguna
  • Tren aktivitas pengguna

• Log Keamanan

  • Pencatatan aktivitas real-time
  • Kategorisasi status aktivitas
  • Timestamp untuk setiap aktivitas

3. Tabel Aktivitas

• Pelacakan aktivitas pengguna
• Informasi detail setiap kejadian
• Status aktivitas dengan indikator warna
• Riwayat aktivitas terurut berdasarkan waktu

4. Fitur Tampilan

• Mode Gelap/Terang
• Antarmuka responsif
• Desain modern dan profesional
• Navigasi yang intuitif

5. Komponen UI

• Header dengan logo dan navigasi
• Panel informasi yang informatif
• Tabel data yang terstruktur
• Indikator status yang jelas

💻 Teknologi yang Digunakan

• Frontend: React dengan TypeScript
• Styling: Tailwind CSS
• Icons: Lucide React
• State Management: React Hooks
• Build Tool: Vite

🛠️ Cara Menjalankan Proyek

1. Clone repositori
2. Install dependensi:

   npm install

3. Jalankan server development:

   npm run dev

4. Buka browser dan akses aplikasi

🔒 Fitur Keamanan

• Validasi input pengguna
• Proteksi rute terautentikasi
• Feedback keamanan real-time
• Monitoring aktivitas pengguna

📱 Responsivitas

Aplikasi dioptimalkan untuk berbagai ukuran layar:

• Desktop (>1024px)
• Tablet (768px - 1024px)
• Mobile (<768px)

🎨 Tema dan Kustomisasi

• Toggle mode gelap/terang
• Warna yang dapat disesuaikan
• Komponen UI yang modular
• Desain yang konsisten

📊 Monitoring dan Statistik

• Dashboard real-time
• Statistik pengguna
• Log aktivitas
• Indikator performa

🔄 Status Proyek

Proyek ini dalam pengembangan aktif dengan pembaruan berkala untuk menambahkan fitur baru dan peningkatan keamanan.

📝 Catatan Pengembangan

• Menggunakan TypeScript untuk type safety
• Implementasi komponen React yang terstruktur
• Penggunaan Tailwind CSS untuk styling yang konsisten
• Integrasi icon library untuk UI yang lebih baik

🤝 Kontribusi

Kami menyambut kontribusi untuk meningkatkan platform ini. Silakan buat pull request atau laporkan issues yang Anda temukan.

📜 Lisensi

Proyek ini dilindungi hak cipta dan penggunaannya terbatas untuk tujuan pembelajaran.