Available for projects
Kebumen, ID · GMT+7

Crafting digital experiences with code and design.

Hey, I'm Taufik.
In this website, I write about my journey in software development, share my works, and document what I learn along the way.

About Me

Selected Works

Vicoengine

vicoengine.com

Telegram bot that generates AI motion control videos and auto-shares them to social media.

Vicoengine

About This Project

Vicoengine is an AI automation backend powering a Telegram bot that converts user inputs into AI motion control videos and orchestrates automated distribution across social media channels.

Technical Highlights

  • Asynchronous Job Queue: Architected task orchestration using BullMQ & Redis to offload long-running AI video rendering jobs from Telegram webhook cycles, preventing gateway timeouts and dropped requests.
  • Resilient Polling & Dispatch Worker: Built dedicated background workers with exponential backoff and retry mechanisms to track upstream AI generation progress and dispatch completed assets directly to social media APIs.
  • Credit & Ledger System: Implemented atomic credit deduction and balance replenishment using PostgreSQL transactions, paired with idempotent payment webhook verification.
  • High-Performance Lightweight Runtime: Leveraged Hono JS in a containerized Docker environment for minimal cold starts, high throughput, and low memory footprint.

Role

  • Backend Developer

Tech Stack

  • Runtime & Framework: Hono JS, Node.js, Docker
  • Queue & Storage: BullMQ, Redis, PostgreSQL
  • APIs: Telegram Bot API, AI Video Provider APIs, Payment Gateways

Everyday Museum

theeverydaymuseum.sg

Migration of a native PHP website to an Astro static site, deployed on Azure Static Web Apps.

Everyday Museum

About This Project

Modernized The Everyday Museum’s web infrastructure by migrating a legacy native PHP monolith into a high-performance Jamstack architecture powered by Astro and headless CMS, deployed globally via Azure Static Web Apps.

Technical Highlights

  • Headless CMS Integration: Decoupled content management from delivery layer by integrating DatoCMS GraphQL API with Astro’s build pipeline, giving editors intuitive publishing workflows while eliminating dynamic database bottlenecks.
  • Zero-JS by Default: Leveraged Astro’s island architecture and Static Site Generation (SSG) to generate pre-rendered, lightweight HTML/CSS bundles, driving near-instant initial page loads and top-tier Core Web Vitals.
  • Automated CI/CD Pipeline: Configured GitHub Actions CI/CD to trigger automated builds and cache-purged previews directly to Azure Static Web Apps (SWA) on content updates.
  • Cost & Maintenance Reduction: Replaced self-hosted PHP/Apache server infrastructure with serverless edge hosting, eliminating server patching overhead and slashing operational hosting costs.

Role

  • Full-stack Developer / Jamstack Specialist

Tech Stack

  • Frontend & SSG: Astro JS, TypeScript, Tailwind CSS
  • Headless CMS: DatoCMS
  • Hosting & CI/CD: Azure Static Web Apps, GitHub Actions

Edmember

edmember.com

LMS platform for selling online courses, mentoring sessions, and webinars, with multi-mentor support, an affiliate system, blog, and shop.

Edmember

About This Project

Edmember is a comprehensive learning management platform engineered for selling online courses, time-boxed mentoring sessions, and live webinars with multi-tenant mentor capabilities.

Technical Highlights

  • Multi-Vendor Financial Ledger: Engineered an automated revenue-sharing engine calculating dynamic splits between platform and mentors per transaction, backed by transactional database operations to avoid reconciliation drift.
  • Affiliate Attribution Engine: Designed a custom multi-tier affiliate tracking system with granular commission overrides (per course, mentoring slot, or affiliate tier) and dedicated analytics dashboards.
  • Interactive Mentoring & Scheduler: Built time-slot booking system for 1-on-1 mentoring sessions, syncing mentor calendar availability with automated attendee confirmations.
  • Resilient Webhook & Notification Pipeline: Integrated third-party payment gateways with idempotent webhook processors, dispatching transactional receipts and reminders via WhatsApp and email gateways.

Role

  • Full-stack Developer

Tech Stack

  • Backend: Laravel, MariaDB, Redis
  • Frontend: React, Tailwind CSS
  • Integrations: Payment Gateways, WhatsApp API, Mailgun
View all works

Latest Writing

See all posts
4 min read

Perplexity AI vs Google Search: mana yang lebih baik untuk riset?

Perbandingan Perplexity AI dan Google Search untuk kebutuhan riset - kapan pakai yang mana, kelebihan dan kekurangan masing-masing, dan cara memaksimalkan keduanya.

Perplexity AIGoogleriset
6 min read

Data Breach dan Pentingnya Password yang Aman untuk Melindungi Akun Digital

Pelajari apa itu data breach, bahaya password lemah, cara membuat password yang aman, dan langkah melindungi akun dari kebocoran data.

Keamanan DigitalCybersecurityPassword
8 min read

Rekomendasi Password Manager Terbaik yang Bisa Kamu Coba di 2026

Panduan lengkap memilih password manager terbaik untuk keamanan digitalmu — dari yang gratis hingga premium.

password managerkeamanan digitalprivasi
11 min read

Buat landing page gratis tanpa Lovable atau Bolt pakai Gemini CLI

Gemini CLI adalah alternatif gratis Lovable, Bolt, dan v0 untuk membuat landing page di lokal. Gratis 1000 request per hari.

aigeminivibe-coding

Useful Tools

Password Generator

Create a strong, random password locally in your browser.

URL Encode/Decode

Encode or decode URL components and complete URLs locally.

Key Generator

Generate secure keys from 16 to 256 characters.

UUID Generator

Generate random UUID v4 or time-sortable UUID v7.

Explore all tools