NextWave - Web Platform
Platform Manajemen Event Modern dengan Sertifikat Otomatis
React 18.3 Node.js / Express MySQL
Tentang NextWave (Web)
NextWave adalah platform manajemen event all-in-one yang merevolusi cara Anda mengelola acara, dari pendaftaran hingga sertifikasi. Pada sisi Web, platform ini dirancang khusus untuk penyelenggara acara dengan antarmuka yang lengkap untuk memonitor data, mengonfigurasi tiket, dan menerbitkan sertifikat.
Fitur Utama Web
- Manajemen Event End-to-End - Kelola event dari awal hingga akhir, termasuk CMS pembuatan event.
- Sertifikat Otomatis dengan AI - Generate sertifikat profesional secara otomatis menggunakan Google Generative AI.
- Dashboard Analitik - Visualisasi data event dengan grafik interaktif menggunakan ApexCharts.
- Email Automation - Notifikasi otomatis via email untuk tiket dan sertifikat.
- Export Data - Export ke PDF, Excel, dan CSV untuk pelaporan panitia.
- Peta Interaktif - Visualisasi lokasi event dengan Leaflet Maps dan JVectorMap.
- UI/UX Modern - Desain responsif menggunakan Tailwind CSS, Framer Motion, shadcn/ui, dan grafis 3D (Three.js).
Arsitektur Proyek
NextWave/
├── backend/ # RESTful API Server (Node.js + Express)
└── frontendweb/ # Web Application (React + Vite)
Backend Stack
- Framework: Express.js
- Database: MySQL dengan Sequelize ORM
- Authentication: JWT + Google OAuth
- AI Integration: Google Generative AI
- File Handling: Multer, PDFKit, Canvas
Frontend Web Stack
- Framework: React 18 + Vite
- UI Components: Material-UI (MUI), Tailwind CSS, Framer Motion, shadcn/ui
- Visualisasi: ApexCharts, React Leaflet (Maps)
- 3D Graphics: Three.js + React Three Fiber
Prasyarat & Setup
- Node.js v16+ (LTS recommended)
- MySQL v8.0+
- Git
# Setup Backend
cd backend
npm install
npm run migrate
npm run dev
# Setup Frontend Web
cd ../frontendweb
npm install
npm run dev