React 19 · TypeScript · Bun · Elysia.js · Upstash Redis · pgvector · Playwright

A fullstack productivity suite featuring Kanban workflows, semantic AI search (RAG), and real-time calendar synchronization.

• Modular Monorepo Architecture: Clean decoupling between frontend (Vite + React 19) and backend (Bun + Elysia.js), with centralized authentication middleware (requireAuth) securing 15+ endpoints.
• Semantic Vector Search (RAG): Integrates pgvector and Google Gemini embeddings (768-dim) for contextual natural-language task retrieval and automated task breakdown.
• In-Memory Caching & Rate Limiting: Utilizes Upstash Redis REST integration for low-latency query caching and API abuse prevention on AI endpoints.
• Live Webcal Subscription (RFC 5545): Two-way automated schedule synchronization with Google Calendar, Apple Calendar, and Outlook, featuring secure URL/token regeneration.
• Automated Cron & Email Dispatch: Scheduled Vercel Cron jobs protected by CRON_SECRET dispatching H-3 deadline reminders and overdue notices via responsive dark-mode HTML emails.
• Collaboration & Test Coverage: Real-time multi-user task sharing via invite codes, 100% type safety (tsc), bun test integration suites (10/10), and Playwright E2E browser automation in GitHub Actions CI.
• Google PageSpeed Performance: 99/100 (Desktop) & 88/100 (Mobile) with 100/100 SEO & Accessibility.

React 18 · TypeScript · Tailwind CSS · Prisma ORM · Elysia API · PostgreSQL

A production-ready Point of Sale (POS) and multi-warehouse inventory management system tailored for retail operations.

• Multi-Warehouse Dual-Stock Engine: Explicit relational tracking between front-store display inventory and warehouse backup reserves, with real-time transaction recalculations and low-stock alerts (≤ 5 units).
• Automated Supplier Purchase Orders (PO): Smart replenishment module generating structured purchase orders dispatched directly to vendor WhatsApp in one click.
• Client-Side WebP Compression: Custom browser-side image processing utility (imageCompressor.ts) resizing and converting product images to lightweight WebP (15–30 KB) prior to network upload.
• In-Store Team Communication: Event-driven floating chat drawer enabling instant cashier-to-warehouse restocking requests with quick-action templates.
• Cloud Data Pipeline & Testing: Bi-directional database synchronization scripts (syncFromCloud/syncToCloud) bridging local PostgreSQL and Neon Cloud, validated with 7 Bun integration test suites.

Next.js 16 · React 19 · TypeScript · Zod · Prisma ORM · Neon PostgreSQL

An enterprise-grade CRM web platform for sales opportunity pipeline automation, B2B account directories, and customer service ticketing.

• Defensive API Validation: Enforces strict runtime payload validation and form sanitization via Zod across all API route handlers, preventing SQL injection alongside Prisma ORM parameterization.
• Sales Opportunity Pipeline: Multi-stage deal tracking (Pending, Won, In Progress, Lost) with expected close revenue aggregation and timestamped team activity feeds.
• Service Desk & SLA Countdown: Comprehensive ticketing engine with severity levels (Critical, Major, Minor), live countdown timers for remaining SLA resolution windows, and CSAT customer review feeds (96.5% satisfaction).
• Integrated Knowledge Base: Internal solutions repository with Markdown rendering, category tagging, and view-count analytics to deflect recurring inquiries.
• Zero-Debt Type-Safe Architecture: Next.js App Router with Server Components, scoped Vanilla CSS Modules, and 100% clean TypeScript verification (tsc --noEmit).

React 19 · Vite 8 · React Router v7 · Tailwind v4 · Recharts 3 · Oxlint

A Single Page Application (SPA) for neighborhood residency administration and financial ledger transparency.

• Residency Lifecycle & Audit Trail: Relational record management for 20 residential housing units (Blocks A & B), KTP identity verification, occupancy state (Permanent vs. Tenant), and automated move-in/move-out historical logs (RiwayatPenghuni).
• Conditional Billing Rules: Automated fee collection for Security (Rp 100k) and Sanitation (Rp 15k) with conditional waiver logic for vacant rental units, supporting monthly or 1-year lump-sum payments.
• Financial Ledger & Cashflow Analytics: Visual cashflow analytics via Recharts tracking routine overhead (security salaries, utilities) and maintenance costs, with printable financial report exports.
• Modern Tooling & Code Health: Powered by Vite 8, React 19, React Router v7, and Tailwind CSS v4, strictly audited by the high-performance Rust linter Oxlint (0 errors, 92 rules) in CI/CD.

Next.js 16 · React 19 · NextAuth v5 · React Hook Form · Zod · Dynamic SVG

A multi-dimensional psychometric assessment platform for evaluating cognitive potential, career interests, and learning styles.

• Three Standardized Psychometric Frameworks: Implements Howard Gardner’s Multiple Intelligences (80 questions, 8 domains), John Holland’s RIASEC Career Codes (42 questions, 6 archetypes), and VAK Learning Modalities (27 questions).
• Dynamic Polar SVG Radar Charts: Math-driven custom SVG radar rendering (triangles for VAK, hexagons for RIASEC, octagons for Gardner) without heavy third-party chart dependencies.
• High-Volume Form State Management: Powered by react-hook-form to eliminate lag and redundant re-renders across 80+ questions, validated with strict Zod schemas.
• Cloud Integration & NextAuth v5: Automated test result persistence to Google Sheets API webhooks, backed by modern NextAuth v5 (Auth.js) session authentication.

Laravel 11 · Livewire 4 · MariaDB · Spatie Permission · DomPDF · Excel

An institutional financial administration and tuition management system built for educational institutions.

• 5-Tier RBAC Security: Role-Based Access Control implemented via spatie/laravel-permission across five roles: admin_keuangan, bendahara, kepala_madrasah, waka, and admin_tu.
• Institutional Tuition & Arrears Engine: Handles standard tuition (SPP), Full-Day activity fees, and Boarding meal plans, tracking historical arrears as persistent open invoices across academic years.
• Accounting & Official Document Generation: Automated General Cash Book (Buku Kas Umum - BKU), printable payment receipts via laravel-dompdf, and bulk Excel data exports via laravel-excel.
• Database Migration & Cloud Backup: Custom console command (php artisan legacy:import-transaksi) migrating legacy schema transactions without downtime, paired with Google Drive cloud backup storage.
• Reactive Livewire UI: Instantaneous interface interactions without full page reloads via Livewire 4, supported by database queue workers.

Next.js 16 · React 19 · Three.js · GSAP · Drizzle ORM · MySQL2 · Zod

A commercial web portal and LMS foundation for a vocational beauty academy.

• Interactive 3D WebGL (Three.js): Custom Three.js 3D viewport (ThreeDSlider.js) and cursor interactions optimized for consistent 60 FPS performance and zero Cumulative Layout Shift (CLS: 0).
• Custom Stateless JWT Auth: Handcrafted token-based authentication using jose and bcryptjs running securely through Next.js Server Actions and HTTP-only cookies.
• Type-Safe ORM Layer: Structured course enrollment database layer built on Drizzle ORM + mysql2, with defensive Zod validation.
• Choreographed Micro-Interactions: Smooth scroll-linked animations powered by @gsap/react and Framer Motion for a polished commercial brand feel.

Golang 1.26 · Gin · Whatsmeow · Telegram API · Gemini AI SDK · GORM

A high-concurrency automated messaging backend service with multi-channel routing and AI integration.

• High Concurrency & Low Footprint: Leverages Golang Goroutines and Channels to handle concurrent inbound message streams with ultra-low latency and minimal memory overhead.
• Native WebSocket Protocol: Direct binary WebSocket communication via whatsmeow with terminal QR pairing, completely bypassing resource-heavy headless browsers.
• Unified Multi-Channel Router: Centralized controller architecture routing incoming events from both WhatsApp socket streams and Telegram Bot API polling.
• LLM Integration & Catalog Orders: Connected to the official google-generative-ai-go SDK for conversational query answering, database keyword routing for product orders (controllers/pesanan.go), and Google Drive file archiving.
• IoT Telemetry & Alerting: Dedicated temperature sensor controller (controllers/suhu.go) capable of receiving environmental triggers and dispatching real-time threshold alerts to chat.