Projects

This platform is designed to provide a seamless and feature-rich experience by leveraging WebSocket for real-time updates, Twilio Voice for integrated inbound and outbound calling, and a responsive user interface built with Vue.js and Nuxt.js. To maintain zero downtime during updates, we implemented a blue-green deployment strategy, allowing smooth updates without user disruption. Additionally, we developed a persistent Kanban board with user-defined ordering using SQL, empowering teams to manage workflows efficiently.

This project develops a comprehensive admin dashboard for a travel agency, streamlining management of tours, events, customers, transactions, analytics, reporting, and content. Key features include tour scheduling, customer data tracking, centralized transaction handling with secure payment integration, and dynamic content management. An analytical dashboard provides insights into key metrics, while Role-Based Access Control (RBAC) enhances security by defining role-based permissions. Additionally, flexible API endpoints support external integrations, making this dashboard a robust tool for optimizing operations and enhancing user experience.

This project involves creating a comprehensive user dashboard for a travel agency, offering enhanced user experience and control over travel activities. Key features include integrated top-up with Midtrans for seamless transactions, balance and transaction tracking for clear financial oversight, real-time notifications via WebSocket, and a Progressive Web App (PWA) build for a native app-like experience on mobile. Challenges included implementing ensuring transaction security through data encryption and verification, and maintaining data precision, especially for financial and travel data.

This project is a responsive and visually appealing website designed as a homepage for a study tour travel agency, optimized for various devices. Key features include an interactive homepage with essential company information, a comprehensive tour listing page with advanced filters (price, duration, location), and a mobile-friendly design that provides a seamless experience across devices. Built for high performance, the website ensures fast loading times and encourages visitors to explore further.

The Yahoo Finance News Scraper is a TypeScript-based tool that uses Puppeteer to extract news articles from Yahoo Finance across various topics. It allows for configurable scraping of article titles, URLs, and content, while incorporating error handling and type safety.

The TypeScript Node Starter is a template for building Node.js applications with TypeScript, featuring configurations for ESLint and Prettier to maintain code quality. To get started, clone the repository, install dependencies using pnpm, and use various scripts to build, start, develop, lint, and format the code.