Invoiza: Invoice Generator
website
Create and manage invoices with customized template, duplicate invoices and Generate PDF.
LevelUp: Guided Learning for Software Engineers
website
LevelUp is a catalog of guided learning materials for software engineers who know a language and want to ship production-grade systems with it. Each material is built around one real domain, such as an event ticketing marketplace with Spring Boot, a multi-tenant booking SaaS with Laravel, or last-mile delivery dispatch with AdonisJS.
The landing page presents the whole catalog. One TypeScript file holds every material's title, level, size, tags and status, and drives the landing cards, the sidebar groups and the navigation inside each material, so adding a material means adding one entry.
Every material is a sequenced roadmap rather than a reference dump. Each step explains why it comes where it does, what you should be able to explain afterwards and how to verify you actually got it. Readers tick off steps as they go, and progress is saved in their browser with no account needed.
The site is built with Astro Starlight and deployed to GitHub Pages. A verify script type-checks, builds and resolves every internal link before each push, so broken links never reach readers.
Tags
astro typescript
Explore more projects
Microsite Generator: Block-based Page Publishing
website dashboard
TanStack Start app where admins compose microsites from blocks and publish them to public URLs, cached at the CDN until the next publish purges them.
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.
next-ts-tailwind-starter
starter-kit
Starter kit for Next.js project packed with TypeScript, Tailwind and many more stuff.
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.
Bayar Tempo: Credits for Shop Owners
mobile web
"Bayar Tempo" is a web-based solution designed to empower small shop owners, known as "warung" in Indonesia, by providing them with extra credits to maintain their stock levels. This innovative platform enhances customer loyalty and satisfaction while creating an additional revenue stream for Bukalapak. Utilizing cutting-edge technologies like Vue.js, micro-frontends, and Kubernetes on Google Cloud Platform, the project showcases my expertise in frontend development and unit testing, ensuring a robust and scalable application.
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.
BukaModal: Capital Loan for Online Sellers
mobile web
BukaModal is a transformative project designed to empower online sellers on the Bukalapak marketplace by providing accessible loans. This initiative enables sellers to grow their businesses through increased stock, store expansion, and skilled staff hiring. Leveraging cutting-edge web development technologies, including Vue.js and micro frontend architecture, we created a seamless mobile-first experience. The project successfully unlocked new revenue streams for Bukalapak, enhancing seller engagement and satisfaction.
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.