NexusFlow adalah solusi Enterprise Resource Planning (ERP) modern yang dirancang untuk menjaga integritas aset perusahaan. Dibangun dengan filosofi "Internal Control", NexusFlow mentransformasi cara perusahaan mengelola gudang dengan mencegah kecurangan (fraud) dan kesalahan manusia (human error).
Berbeda dengan aplikasi inventaris biasa, NexusFlow menerapkan Sistem Maker-Checker, di mana setiap perubahan data sensitif harus melalui validasi bertingkat sebelum mempengaruhi stok fisik.
- 🛡️ Maker-Checker Workflow - Input dari Staff tidak mengubah stok langsung, melainkan masuk ke antrean persetujuan Manager.
- 🔐 Role-Based Security (RBAC) - Pemisahan akses data yang ketat. Staff operasional tidak dapat melihat data finansial sensitif.
- 🤖 AI-Powered Analytics - Analisis otomatis menggunakan Google Gemini AI untuk mendeteksi anomali dan rekomendasi stok.
- ⚡ Real-time Experience - Notifikasi instan dan pembaruan status tanpa page reload.
- Role-Based Access Control: Hak akses spesifik untuk Manager (Full Access), Staff (Operational), dan Auditor (Read-Only).
- Approval Queue System: Mekanisme "Pending Review" untuk setiap penambahan atau pengurangan stok (Adjustment).
- Audit Trail (Log): Pencatatan riwayat aktivitas yang permanen dan transparan (Siapa, Kapan, Mengapa).
- Real-time Notifications: Integrasi
Sonner(Toast) dan Email Alert untuk pemberitahuan instan kepada Manager. - Interactive Dashboard: Visualisasi nilai aset, grafik tren stok, dan peringatan Low Stock secara real-time.
- Custom Modals: Antarmuka persetujuan modern dengan fitur input alasan penolakan (Rejection Reason).
- Staff History: Halaman khusus bagi staff untuk memantau status pengajuan mereka dan ringkasan kinerja mingguan.
- AI Analytics: Integrasi Google Gemini untuk memberikan insight pengadaan barang.
- Smart Sorting & Filtering: Navigasi ribuan data inventaris dengan mudah.
- Import/Export: Dukungan penuh untuk Import Excel dan Export Laporan PDF/Excel.
- Next.js 14 - App Router & Server Actions
- TypeScript - Type-safe development
- Tailwind CSS & Shadcn UI - Modern styling
- Framer Motion - Smooth animations
- Recharts - Data visualization
- Prisma ORM - Database management
- PostgreSQL - Primary database (via Supabase)
- Resend - Transactional Email API
- Google Gemini API - Generative AI Service
Pastikan Anda telah menginstall:
- Node.js (v18+)
- Git
- PostgreSQL Database (Local atau Cloud seperti Supabase/Neon)
git clone [https://github.com/shinerking/nexusflow.git](https://github.com/shinerking/nexusflow.git)
cd nexusflow
npm install
# atau
yarn install
Buat file .env di root project dan isi konfigurasi berikut:
# Database (Supabase/Postgres)
DATABASE_URL="postgresql://user:password@host:5432/postgres?pgbouncer=true"
DIRECT_URL="postgresql://user:password@host:5432/postgres"
# Authentication & Security
NEXTAUTH_SECRET="rahasia_dapur_nexusflow"
NEXTAUTH_URL="http://localhost:3000"
# AI & Services
GEMINI_API_KEY="your_gemini_api_key"
RESEND_API_KEY="your_resend_api_key"
# Email Config
NOTIFICATION_EMAIL="admin@nexusflow.com"
# Generate Prisma Client
npx prisma generate
# Push schema ke database
npx prisma migrate dev
# (Opsional) Isi data dummy untuk testing
npx prisma db seed
npm run dev
Buka browser dan akses http://localhost:3000 🎉
Gunakan kredensial ini untuk mencoba berbagai fitur berdasarkan role:
| Role | Password | Fitur yang Bisa Diakses | |
|---|---|---|---|
| 👑 Manager | manager@nexusflow.com |
password123 |
Full Access, Approvals, Analytics, User Mgmt. |
| 👷 Staff | staff@nexusflow.com |
password123 |
Request Stock, History, No Financial Data. |
| 🔍 Auditor | auditor@nexusflow.com |
password123 |
Read-Only Logs & Reports. |
Berikut adalah tampilan antarmuka NexusFlow yang dirancang dengan mode gelap (Dark Mode) untuk kenyamanan visual dan nuansa profesional.
Pusat kendali utama bagi Manager. Menampilkan data krusial seperti Total Asset Value, Revenue, dan grafik tren stok.
Dashboard Manager memiliki akses penuh ke data finansial dan statistik global.
Fitur unggulan NexusFlow. Setiap perubahan stok yang dilakukan Staff masuk ke antrean ini. Manager dapat melihat detail, menyetujui, atau menolak dengan Alasan Penolakan (Rejection Reason).
Modal konfirmasi kustom dengan fitur input alasan penolakan untuk audit trail.
Tampilan khusus Staff Gudang. Perhatikan bahwa kartu Revenue dan Total Value disembunyikan secara otomatis demi keamanan data perusahaan (Role-Based Access Control).
Antarmuka Staff yang bersih, fokus pada operasional tanpa akses ke data sensitif.
Halaman transparansi bagi Staff untuk memantau status pengajuan mereka (Approved/Rejected) serta melihat ringkasan kinerja mingguan mereka.
Staff dapat belajar dari kesalahan melalui catatan penolakan yang tertera di history.
nexusflow/
├── prisma/
│ └── schema.prisma # Database Schema & Models
├── src/
│ ├── app/
│ │ ├── actions/ # Server Actions (Backend Logic)
│ │ ├── api/ # API Routes
│ │ ├── (dashboard)/ # Protected Routes
│ │ └── layout.tsx # Root Layout
│ ├── components/
│ │ ├── ui/ # Shadcn UI Components
│ │ ├── dashboard/ # Charts & Stats Cards
│ │ └── modals/ # Approval/Reject Modals
│ └── lib/
│ ├── db.ts # Prisma Client Singleton
│ └── gemini.ts # AI Configuration
└── public/ # Static Assets
Kontribusi selalu diterima! Jika Anda ingin berkontribusi:
- Fork repository ini
- Buat branch baru (
git checkout -b feature/FiturBaru) - Commit perubahan (
git commit -m 'Add fitur baru') - Push ke branch (
git push origin feature/FiturBaru) - Buat Pull Request
Dibuat dengan ❤️ oleh Abimanyu R Putra
- 🌐 Website: shinerking.github.io
- 📧 Email: abimanyuriantoputra@gmail.com
- 💼 LinkedIn: Abimanyu Rianto Putra
- 🐙 GitHub: @shinerking
⭐ Jangan lupa beri star pada repository ini jika bermanfaat! ⭐
Made by ARP