Jacky Chen
Fullstack Developer | AI Native Engineer
Money Tracker App - Fullstack
A responsive web application designed to help users efficiently record, manage, and monitor their daily income and expenses. Built with Laravel 11 and MySQL on the backend, styled with Tailwind CSS featuring seamless Light/Dark mode toggles, and powered by Alpine.js for lightweight frontend reactivity without the overhead of heavy JavaScript frameworks.
Simple Support Ticket System - Frontend
A modern, responsive support ticket interface built with Next.js, TypeScript, and Tailwind CSS. Features an accessible design system powered by shadcn/ui, efficient server-state management with TanStack Query, and robust ticket tracking and data grid filtering using TanStack Table.
Simple Support Ticket System - Backend API
A stateless, high-performance RESTful API built with Laravel and MySQL for managing customer support operations. Implements secure JWT authentication and an enterprise-grade architecture that cleanly decouples business logic using Actions, DTOs (Payloads), and Invokable Controllers.
Booking Padel Court App (Blackpadel.id) - Frontend
An online padel court booking and commerce web app built for blackpadel.id where I served as the Frontend Developer in a 2-person team. Designed with a mobile-first approach using React.js, TypeScript, Tailwind CSS, TanStack Query, and Axios, the platform features phone-based auth, court reservation by type/schedule, add-on rentals (rackets, ballboys, coaches), an in-app product store, booking history, and seamless payment integration powered by Midtrans Payment Gateway.
Booking Padel Court App For Admin (Blackpadel.id) - Frontend
A dual-module court booking and admin management web application for blackpadel.id where I served as the Frontend Developer in a 2-person team. Built with React, TypeScript, TanStack Query, Zustand, and Zod, the platform handles customer court reservations, add-on rentals (rackets, coaches, ballboys), merchandise purchases, and secure Midtrans Payment Gateway checkout. Additionally, it provides a comprehensive admin dashboard for managing court schedules, product stock inventory, and add-on services with robust schema validation and predictable state management.
Apartment Billing System - Fullstack
A full-stack apartment billing management system integrated with BRI-API for automated Virtual Account payments. The platform streamlines monthly billing for electricity, water, and property maintenance (IPL) fees. Built with a dual-stack architecture, it features an admin panel developed with Laravel, Inertia.js, and MySQL for billing calculations and property administration, alongside a modern tenant portal built with Node.js, React.js, and MySQL enabling residents to check invoices and complete frictionless payments.