Lets Connect.

Social
LinkedInGitHubInstagramTikTok
Services
Web DevelopmentUI/UX DesignSystem ArchitectureConsulting
Info
About MeCase StudiesContactResume
HeiDarrz

© Heidar 2026 — All Rights Reserved.

Terms of ServicePrivacy Policy
Project Details
NextWave - Web Platform image 1

NextWave - Web Platform

Internal / Open Source•2024•Role: Fullstack Developer

Project Overview

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

Tech Stack

React 18ViteNode.jsExpressMySQLGenerative AITailwindCSS

Links

Live PreviewView Source