HAF WhatsApp Web
Full Stack Developer (Solo Project, assisted by AI tools like Claude Code)
Background
HAF WhatsApp Web is a side project developed as part of the main HAF ERP system. The goal of this project is to reduce the cost of sending WhatsApp notifications for users of the main HAF website. Whenever there are updates or actions required in modules such as Commercial, Finance, or Accounting, users will receive notifications directly through WhatsApp to ensure timely responses.
Key Features
This project was built using AdonisJS to implement a cost-effective and customizable WhatsApp notification system. Instead of relying on expensive third-party providers, this solution allows HAF to manage its own WhatsApp notification service with better control and scalability.
WhatsApp Initialization
Connect and manage WhatsApp services through QR code scanning with stable connection management.
API Keys Management
Create, manage, and secure API keys for different projects with rate limiting per minute.
Logs Monitoring
Track all API activities with detailed request/response logs, including endpoint, phone number, method, status, and response time.
Dashboard Overview
Real-time monitoring of WhatsApp status, total logs, and API usage with quick access actions.
Technical Implementation
Built using AdonisJS framework with Node.js runtime and MySQL database. The system integrates WhatsApp Web API for message sending, implements QR code authentication, and features comprehensive API management with rate limiting.
Technical Challenge
This project was my first experience working with AdonisJS, which required significant learning to understand its ecosystem and framework design. To accelerate development, I leveraged AI assistance (Claude Code) for implementation guidance. Another challenge was designing a stable WhatsApp connection service, ensuring requests were cached efficiently to avoid unnecessary overhead, and providing clear troubleshooting tips for users.
Application Screenshots
Dashboard overview showing WhatsApp status, total logs, API keys, and quick actions for system management
WhatsApp initialization page with QR code scanning for connecting WhatsApp Web API service
API key management interface for creating, securing, and configuring rate limiting for different projects
Comprehensive API logs monitoring with detailed request/response information including endpoints, phone numbers, methods, status, and response times
My Role
As a solo Full Stack Developer, I was responsible for the complete development lifecycle including learning AdonisJS framework, designing the system architecture, implementing WhatsApp API integration, creating the dashboard interface, and ensuring system reliability and performance.