Skip to content

About

Aplikasi web untuk menghasilkan laporan penetration testing yang profesional, client-ready, dengan bantuan AI (Claude API). Dibangun dengan Next.js 16, TypeScript, Tailwind CSS v4, dan Supabase.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Repository files navigation

Pentest Reporter

Next.js 16 TypeScript Tailwind CSS v4 Supabase Claude API

GitHub Stars License Last Commit Issues

🏆 Professional Penetration Testing Report Generator with AI
Hasilkan laporan penetration testing client-ready dengan bantuan Claude AI. Streaming real-time, multi-format export, dan CVSS v3.1 calculator.


Fitur Utama

📝 Input Form Temuan Dinamis

  • Tambah/hapus finding secara dinamis
  • Field lengkap: vuln name, severity (Critical/High/Medium/Low/Informational), CVSS score + vector string, affected asset, steps to reproduce, evidence, impact
  • Tombol CVSS Calculator per finding untuk hitung vector interaktif

🤖 AI Report Generation (Claude API)

  • Generate laporan lengkap: Executive Summary, Risk Matrix, Detailed Findings, Remediation Roadmap, Appendix
  • Streaming real-time — laporan muncul progresif, bukan nunggu selesai
  • Pause/Resume/Cancel selama generation
  • Format laporan profesional dengan severity badges

📊 CVSS v3.1 Calculator

  • Interactive calculator dengan semua metrik CVSS v3.1 (AV/AC/PR/UI/S/C/I/A)
  • Live score & severity display
  • Auto-fill ke form finding

🎨 Branding & Template

  • Upload logo perusahaan (PNG, JPG, SVG)
  • Pilih warna primary & accent
  • PDF report otomatis menggunakan logo + warna tema
  • Custom report title

📄 Export Multi-Format

  • PDF — dengan logo, branded colors, header/footer
  • DOCX — format dokumen profesional
  • Markdown — untuk version control & kolaborasi

💾 History & Versioning

  • Auto-save engagement setelah generate
  • Lihat semua engagement tersimpan
  • Load kembali engagement sebelumnya
  • Version tracking (v1, v2, ...)
  • Supabase integration + localStorage fallback

Tech Stack

Teknologi Kegunaan
Next.js 16 Framework (App Router)
TypeScript Type safety
Tailwind CSS v4 UI styling
Claude API (Anthropic) AI report generation
jsPDF Export PDF
docx Export DOCX
Supabase Database & storage
react-markdown Preview markdown

Cara Install & Jalankan

1. Clone repository

git clone https://github.com/muadzie/PENTEST-REPORTER.git
cd pentest-reporter

2. Install dependencies

npm install

3. Set environment variables

Buat file .env.local di root project:

ANTHROPIC_API_KEY=sk-ant-xxxxxxxxxxxxx

# Optional: Supabase untuk persistence
NEXT_PUBLIC_SUPABASE_URL=https://xxxxx.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=xxxxx

4. Jalankan development server

npm run dev

Buka http://localhost:3000.

5. Build production

npm run build
npm start

Struktur Project

src/
├── app/
│   ├── api/
│   │   ├── generate-report/route.ts   # Claude API streaming
│   │   └── export/route.ts            # Server-side export
│   ├── report/page.tsx                 # Halaman preview report
│   ├── page.tsx                        # Halaman utama (form + generate)
│   ├── layout.tsx                      # Root layout
│   └── globals.css                     # Global styles
├── components/
│   ├── BrandingSettings.tsx            # Modal branding (logo + warna)
│   ├── CvssCalculator.tsx              # Modal CVSS v3.1 calculator
│   ├── EngagementHistory.tsx           # Modal daftar history
│   ├── FindingForm.tsx                 # Form per finding
│   ├── Header.tsx                      # Navigasi header
│   └── ReportPreview.tsx               # Preview + export buttons
├── lib/
│   ├── branding.ts                     # Branding config (localStorage)
│   ├── claude.ts                       # Claude API client (streaming)
│   ├── cvss.ts                         # CVSS v3.1 scoring engine
│   ├── export.ts                       # Export PDF, DOCX, Markdown
│   ├── history.ts                      # Engagement CRUD (Supabase + fallback)
│   └── supabase.ts                     # Supabase client
└── types/
    └── index.ts                        # Type definitions

Cara Penggunaan

  1. Isi Engagement Details — Client name, assessment type, tester, tanggal
  2. Tambah Findings — Klik "Add Finding", isi detail temuan
  3. Gunakan CVSS Calculator (opsional) — Klik tombol "CVSS" di finding card
  4. Atur Branding (opsional) — Klik "Branding", upload logo, pilih warna
  5. Generate Report — Klik "Generate Report with AI"
  6. Streaming — Laporan muncul real-time, bisa di-pause atau di-cancel
  7. Export — PDF (branded), DOCX, atau Markdown
  8. History — Engagement otomatis tersimpan, bisa di-load kembali

Environment Variables

Variable Required Deskripsi
ANTHROPIC_API_KEY Ya API key dari Anthropic untuk Claude
NEXT_PUBLIC_SUPABASE_URL Optional Supabase project URL
NEXT_PUBLIC_SUPABASE_ANON_KEY Optional Supabase anonymous key

Tanpa Supabase, data history tetap tersimpan di localStorage browser.

Lisensi

MIT

About

Aplikasi web untuk menghasilkan laporan penetration testing yang profesional, client-ready, dengan bantuan AI (Claude API). Dibangun dengan Next.js 16, TypeScript, Tailwind CSS v4, dan Supabase.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages