My Projects

Welcome to my portfolio! Here you'll find a collection of my work, showcasing the various skills and technologies I've mastered. Each project represents a unique challenge and solution.

Mental Health & Wellness Platform

The Mental Health & Wellness Platform is a secure, modern web application designed to provide accessible mental health support, expert resources, and self-help tools. Built on a robust Full-Stack JavaScript architecture, it delivers a fast and responsive user experience while maintaining strict data privacy standards. The platform achieved 99.9% uptime and efficiently handles concurrent user sessions with an average response time below 200ms, ensuring minimal latency for users seeking support. Powered by Next.js for high-performance rendering and a Node.js/Express.js backend integrated with GraphQL, it enables scalable data retrieval, strong user authentication, and end-to-end security for sensitive information.

May 4, 2025 → June 5, 2025

Next.js 14ReactTypeScriptNode.js/Express.jsGraphQL APIMongoDBJWT AuthenticationTailwind CSS

Desa Cipayung Official Website

The official website of Desa Cipayung serves as a centralized digital information hub for residents and the public. It provides essential updates on village administration, community news, local services, and public events. Following launch optimization, the platform achieved a 40% improvement in page load speed (Core Web Vitals) and a 65% increase in organic traffic within the first month, significantly enhancing community engagement and accessibility. The project promotes government transparency, efficient public service delivery, and stronger communication between the village administration and its citizens.

April 11, 2025 → May 19, 2025

WordPressPHPMySQLElementorSEO OptimizationCore Web VitalsResponsive Design

AKSARA Learning Management System

AKSARA is a modern Learning Management System designed for healthcare professionals, built on a decoupled, API-first architecture. It delivers high-performance access to accredited medical courses, certification programs, and resource libraries. Within its first quarter, the platform successfully served over 10,000 active users and managed more than 50,000 course enrollments, showcasing strong scalability and reliability. Powered by Next.js for an intuitive, responsive frontend and Laravel for a secure, RESTful backend, the system ensures seamless content delivery, data integrity, and real-time progress monitoring.

March 5, 2025 → July 1, 2025

Next.js 14ReactTypeScriptLaravel 11REST APIMicroservices ArchitecturePostgreSQLTailwind CSS

DIKLAT PKMK FK-KMK UGM Platform

The DIKLAT PKMK FK-KMK UGM Platform is an institutional learning and training system developed for Universitas Gadjah Mada to support both individual and organizational development initiatives. It provides a unified digital ecosystem (Plataran Sehat) for accessing accredited training modules, tracking learner performance, and fostering transdisciplinary capacity building across institutions. Since its deployment, the platform has successfully managed over 150 institutional programs and supported more than 5,000 concurrent learners, showcasing exceptional scalability and system reliability. Built with a robust full-stack JavaScript architecture, it delivers a secure, high-performance, and seamless learning experience.

March 4, 2025 → May 2, 2025

Next.js 14ReactNode.js/ExpressTypeScriptREST APIPostgreSQLTailwind CSSFull-Stack JavaScript

Grow Talenta Management System (GTMS)

Grow Talenta Management System (GTMS) is a scalable and modular Human Resources Management System (HRMS) designed to streamline and automate key HR operations. It centralizes employee data management, payroll processing, attendance tracking, and recruitment workflows within a unified digital ecosystem. The platform achieved a 30% reduction in monthly payroll processing time and efficiently handled data and transactions for over 2,500 employees, demonstrating its high scalability and operational efficiency. Built on a decoupled architecture, GTMS integrates a secure Laravel-based REST API with a high-performance Next.js frontend to deliver a seamless and responsive user experience while minimizing administrative workloads.

January 1, 2025 → February 1, 2025

Next.js 14ReactTypeScriptLaravel 11REST APIMicroservices ArchitecturePostgreSQLTailwind CSS

Kaka Bintan Tour & Travel Platform

Kaka Bintan Tour & Travel Platform is a high-performance web application designed to streamline travel booking and tour package management. Built on a modern decoupled architecture, it delivers a fast, responsive, and visually engaging interface for exploring dynamic tour packages and detailed itineraries. Through advanced front-end optimization and server-side rendering, the platform achieved a 90+ Lighthouse performance score and reduced time-to-interactive by 60%, significantly improving user engagement and retention. The Laravel-powered backend manages inventory, bookings, and secure payments via robust APIs, ensuring seamless operations, scalability, and efficient content management for the travel agency.

June 10, 2024 → August 10, 2024

Next.js 14ReactTypeScriptLaravel 11REST APIMicroservices ArchitecturePostgreSQLTailwind CSS

Basic Commodity Information Platform

The Basic Commodity Information Platform is a high-performance web application designed to monitor and distribute real-time data on basic commodity prices and availability. Developed using a modern JavaScript stack, it features an intuitive analytics dashboard for market data visualization and price trend tracking. The system aggregates and processes over 5,000 daily data points from multiple city and regional markets, maintaining an average API response time below 150ms for instant reporting. Powered by a Node.js/Express.js backend and a Next.js/React.js frontend connected through REST APIs, the platform ensures transparent data flow and enables government and public stakeholders to make timely, data-driven decisions.

May 1, 2024 → June 1, 2024

Next.js 14ReactTypeScriptNode.js/Express.jsREST APIReal-Time Data ProcessingPostgreSQLTailwind CSS

Point of Sales Platform

The Point of Sales (POS) Platform is a comprehensive retail management system built to automate and optimize key business operations. It streamlines inventory management, sales tracking, and transaction processing within a single, intuitive interface. The system efficiently managed over 500 unique SKUs and processed an average of 1,000 transactions per week, improving overall operational efficiency by 25%. Designed with usability and scalability in mind, it empowers cashiers to manage sales seamlessly and provides business owners with detailed analytical reports to support data-driven decision-making.

April 1, 2024 → June 1, 2024

CodeIgniter (MVC)PHPJavaScript/jQuery (AJAX)MySQLAPI IntegrationReporting & Business Intelligence

Student Council Platform

A centralized and dynamic platform built to streamline student council operations, communication, and event management. The system provides a powerful content management system (CMS) for announcements and documents, a centralized calendar for event scheduling, and a secure environment for internal coordination among student representatives. The platform successfully hosts 500+ dynamic content pages and facilitates internal communication for over 80 student officials, reducing operational friction by an estimated 40%. This architecture utilizes a dedicated backend API to ensure scalable and efficient data exchange.

April 1, 2024 → June 1, 2024

Next.js 14 (SSG/SSR)React/TypeScriptLaravel 10Microservices ArchitecturePostgreSQLTailwind CSS