Invoiza: Invoice Generator
website
Create and manage invoices with customized template, duplicate invoices and Generate PDF.
Microsite Generator: Block-based Page Publishing
website dashboard
A small CMS for campaign pages. Admins compose a microsite from blocks (hero, card, trimmed text, CTA), preview it, then publish it to a public URL.
How it works
- Built with TanStack Start, Drizzle ORM on Supabase Postgres, and Lexical for rich text editing
- Assets go to Supabase Storage through its S3-compatible API
- Published pages are served from Netlify's CDN and cached indefinitely. Each publish purges only that microsite's cache tag, so readers always get a cached page and still see changes right away
- Unit, component (Vitest browser mode), end-to-end and smoke tests, plus GitHub Actions for migrations and deploys
The interesting part is the caching: pages are effectively static until an editor changes them, without a rebuild step.
Tags
react typescript tanstack supabase tailwind
Explore more projects
Kargo Nexus: TMS for Enterprise and Vendors
dashboard
Kargo Nexus is a cutting-edge Transportation Management System designed for enterprise companies and truck vendors. As a Frontend Engineer, I utilized React, Ant Design, and GraphQL to create a responsive and user-friendly interface. The platform digitalizes conventional logistics processes, ensuring transparent shipping and reducing fraud potential. Key features include GPS tracking, PDF generation, and CSV processing, streamlining operations and enhancing user experience.
Clear Admin: Dashboard Template in Two Bundles
dashboard starter-kit
A comprehensive dashboard template built twice: plain HTML with Alpine.js for server-rendered apps, and React 19 for SPAs. Copy one folder in and it works.
Kargo Brokerage TMS
dashboard
A comprehensive Transportation Management System (TMS) for Kargo's internal team, aimed at managing thousands of shipments efficiently. By streamlining processes, we enabled the operational team to scale their handling capacity. Key features include centralized document collection, fee and invoice management, optimized pagination for faster loading, and innovative shipment ordering through WhatsApp automation and ChatGPT integration.
BL PayLater: Credits for Online Shopper
mobile web
Bukalapak PayLater is a financing product aimed at enhancing the buying power of online shoppers. My role involved synchronizing our system with loan partner behaviors, ensuring seamless collaboration while adhering to Bukalapak's design guidelines. Utilizing technologies like Vue.js, micro frontends, and Google Cloud Platform, I optimized user experience and performance, achieving fast and delightful user experience.
LevelUp Starter: Template for Guided Learning Sites
starter-kit website
Fork-and-go Astro Starlight template for publishing sequenced learning roadmaps with per-step progress tracking, no backend needed.
Merchant Lending UI Library
library
UI library for a merchant lending product. Built to increase front end development speed using reusable UI styles and components.
Lawyer Real-time Consultation
website
A real-time chat platform for legal consultations using WebSocket technology. This project enables seamless communication between clients and lawyers, providing instant support and media sharing capabilities. Designed with a user-friendly interface to cater to individuals seeking expert advice efficiently.
Kozy: Room Catalogue with Google Sheets as Admin
website
Multi-location room catalogue where a Google Sheet is the admin panel. Availability is read at request time and served as SSR HTML cached at the edge. No CMS, no database.