I build products from interface to infrastructure.

Owner & full-stack engineering

The public home for InWebsite’s custom web service, portfolio, and software products, with clear service paths and owner-led project information.

• ↗Bilingual Indonesian and English site structure
• ↗Service, process, pricing, and contact pages
• ↗Project portfolio with dedicated product pages
• ↗About page introduces the owner and the three publicly listed products

• Next.js
• React
• TypeScript
• Tailwind CSS
• GSAP

Engineering notes+

Context

Business owners need to understand the service, working process, and examples before deciding whether to start a project.

Approach

A bilingual site organizes service details, pricing, process, contact paths, and a portfolio of live products and clearly labeled demos.

Trade-off

Scroll motion supports the editorial presentation, while the site keeps reduced-motion behavior available.

Delivered

A live business site with a public About page that documents the owner’s engineering background and InWebsite products.

Product and full-stack engineering

A live website-chat SaaS that answers from a site’s approved content and provides an embeddable widget with WhatsApp fallback.

• ↗Website content ingestion with approval before publishing
• ↗Widget editor with live preview and one-script installation
• ↗Persona controls, message quotas, and domain allow-list
• ↗WhatsApp fallback and widget usage monitoring

• Next.js
• Auth0
• MongoDB Atlas
• n8n
• Cloudflare Workers
• Cloudflare R2

Engineering notes+

Context

Small businesses need a way to answer common visitor questions using information they already publish on their websites.

Approach

The owner adds a site, reviews the ingested knowledge base, configures the widget and persona, then installs it with a script tag.

Trade-off

Knowledge-base content needs approval before use, and widget access is bounded by configured domains and message quotas.

Delivered

A live InWebsite SaaS product with an operational dashboard and public website widget.

Product and full-stack engineering

A live catalog of copy-ready React and Tailwind animation snippets, with interactive previews, code export, decorative assets, and an MCP endpoint for AI agents.

• ↗Search and filters for snippet category, placement, style, and intensity
• ↗Interactive preview before copying a snippet
• ↗Sprinkles library for small decorative assets
• ↗Machine-readable registry and MCP access for AI agents

• Next.js
• React
• Tailwind CSS
• GSAP
• Cloudflare Workers
• Cloudflare R2
• Auth0

Engineering notes+

Context

Developers need a faster way to discover, inspect, and reuse small interface animations without copying opaque examples.

Approach

A searchable catalog pairs each snippet with a live preview and copy-ready code, while a machine-readable registry and MCP endpoint make the library discoverable to AI agents.

Trade-off

Preview imagery is sample material; exported snippets are designed to be adapted to a project’s own assets and visual system.

Delivered

A live developer tool with a public catalog, reusable code snippets, and AI-agent access.

Product and full-stack engineering

A live digital wedding-invitation SaaS with Classic and Cinematic themes, guest RSVP, and public theme previews.

• ↗Classic 2D and layered Cinematic invitation modes
• ↗Free theme previews, with payment when an invitation is published
• ↗Guest RSVP and event details designed for phone screens
• ↗Lighter rendering for weaker devices and reduced-motion settings

• React
• Vite
• GSAP
• Hono
• Cloudflare Workers
• Cloudflare D1
• Cloudflare R2
• Auth0

Engineering notes+

Context

Couples need a personal invitation they can preview, share, and manage comfortably from a phone.

Approach

Themes pair event information and RSVP with a choice between a lighter Classic presentation and a layered Cinematic experience.

Trade-off

Cinematic effects are reduced on weaker devices and when visitors prefer reduced motion.

Delivered

A live invitation product with public demo themes, free previews, and payment at publication.

Product engineering

A browser photo booth for capturing or uploading photos, styling them into strips and social formats, and exporting still images or animated GIFs.

• ↗Multiple strip, grid, side-by-side, and Polaroid layouts
• ↗Photo filters, frames, stickers, text, and touch editing
• ↗Exports for print sizes and common social formats, plus animated GIF
• ↗Optional room-based group capture over WebRTC
• ↗Photo composition and rendering stay in the browser

• TypeScript
• Vite
• Canvas API
• IndexedDB
• WebRTC
• Cloudflare Workers
• D1
• Auth0

Engineering notes+

Context

People want to make themed photo strips and social-ready images from a browser without installing a desktop editor.

Approach

A guided layout, capture, edit, and export flow uses browser-side canvas processing for filters, stickers, templates, and output formats.

Trade-off

Photos remain in the browser during composition; account-backed daily download limits apply to free use.

Delivered

A live browser app with individual and remote group-capture flows.

Platform and product engineering

A shared POS platform for restaurants, retail, and rentals, combining an offline-capable PWA, merchant tools, billing, APIs, and storefronts.

• ↗POS and merchant dashboard backed by a shared API
• ↗Inventory, orders, and business workflows across product verticals
• ↗Platform and vertical services with separate data boundaries
• ↗Recent modular platform split is still in staging

• TypeScript
• Hono
• Cloudflare Workers
• D1
• R2
• PWA
• IndexedDB

Engineering notes+

Context

Small merchants need connected sales, order, inventory, and storefront workflows that continue to work when a device is offline.

Approach

A shared service platform supports business-specific POS and storefront workflows for restaurants, retail shops, and rentals.

Trade-off

The platform/vertical separation is still staged; the live production deployment uses the earlier combined Worker.

Delivered

Core merchant software has a production deployment, while current development is refining its modular vertical architecture.