Kreasi Media International - Landing Page & Consultation Platform
A comprehensive web platform developed for PT Kreasi Media International. This project focused on building an engaging corporate landing page to establish a strong online presence, paired with a custom consultation booking portal designed to simplify the appointment scheduling process for clients.
- Designed and developed a responsive, conversion-optimized landing page tailored for enterprise clients.
- Ensured cross-browser compatibility and mobile responsiveness for optimal user experience.
- Optimized page load speed and implemented on-page SEO best practices.
ETSI Hutama Maritim: Corporate Website & Custom CMS
A web development project for ETSI Hutama Maritim, focusing on establishing a strong online corporate presence. The project includes a fully functional landing page and a tailored Content Management System (CMS) that allows the client to easily manage, update, and publish website content independently.
- Developed a responsive and user-friendly landing page representing the corporate identity of ETSI Hutama Maritim.
- Built a custom Content Management System (CMS) for seamless text and image updates.
- Ensured cross-browser compatibility and mobile responsiveness for optimal user experience.
Next.jsStrapi
Narapati Flora: Plant News & Event Management Platform
Developed an online portal for Narapati Flora that serves as a central information hub for the botanical community, connecting users through dynamic plant industry news and real-time event schedules.
- Designed and developed a fully responsive web application tailored for rich-media content delivery and article readability.
- Implemented a dynamic content publishing system to manage categories for plant news, cultivation guides, and seasonal tips.
- Built an event showcase and calendar module to display upcoming plant exhibitions, community meetups, and botanical workshops.
Next.jsExpress.js
Growroom - Plant Marketplace & E-Commerce Web App
A dedicated e-commerce platform designed to connect plant enthusiasts with a premium selection of greenery. The system features a responsive layout, a dynamic product catalog, and a streamlined digital checkout pipeline.
- Designed and developed a highly responsive, mobile-first user interface to optimize the online plant shopping journey across all devices.
- Implemented a dynamic product catalog with advanced multi-category filtering and real-time stock status indicators.
- Built a secure and intuitive shopping cart, checkout pipeline, and seamless payment transaction flow.
Next.jsNest.jsPostgreSQL
MCSI: Corporate Website & Content Management System
Developed an official corporate portal and tailored digital management system to streamline corporate communications and content updates for a leading maritime crew management agency.
- Designed and developed a fully responsive and optimized corporate website layout tailored to the company's brand identity.
- Configured and optimized the relational database via MySQL to ensure secure data persistence, fast query handling, and optimal site loading speeds.
- Built an intuitive, user-friendly administrative dashboard workflow, allowing internal teams to seamlessly publish company updates and requirements without touching code.
PHPMySQLStrapiNext.js
Moment Booth: Real-Time Photo Control & Desktop Application
Developed a robust desktop application for Moment Booth to power interactive event kiosks. The platform enables automated real-time photo capture control, instant processing, and seamless wireless sharing options for event guests.
- Engineered a high-performance cross-platform desktop application using Electron and React tailored for interactive event hardware.
- Implemented real-time photo capture control and local file-system management workflows powered by Node.js backend logic.
- Designed a highly responsive, modern, and user-friendly touch-screen interface optimized for fast-paced event environments.
ElectronReactNode.js
Petfest - Web-Based Event Management & Ticketing System
A modern event hub and ticketing platform tailored for pet lovers. The system facilitates seamless online ticket purchasing for festivals while providing robust tools to manage various pet talent competitions and activities.
- Developed a high-performance, SEO-friendly web frontend using Next.js and React to ensure fast loading times and smooth page transitions.
- Built a secure and intuitive digital ticketing workflow, allowing attendees to browse, select, and purchase tickets for upcoming pet festivals seamlessly.
- Designed dedicated event modules to handle participant registrations, scheduling, and categorization for various pet competitions.
Next.jsReactPostgreSQLTailwind CSS
Lapak Premium: Digital Account Marketplace & E-Commerce
Developed a full-stack e-commerce platform for Lapak Premium tailored for digital asset trading. The application features a dynamic product catalog, subscription management workflows, and a secure checkout experience.
- Developed a highly interactive and responsive user interface using React to provide an intuitive shopping, filtering, and checkout journey.
- Built a secure and scalable backend infrastructure using Express.js to handle digital account authentication, inventory states, and transaction logic.
- Integrated the Winpay payment gateway API to facilitate smooth multi-channel digital payments and automated billing cycles for premium subscriptions.
ReactExpress.jsWinpayPostgreSQL
Pristama - Enterprise Management CMS & Operations Platform
A comprehensive web-based platform developed for Pristama, designed to streamline company asset tracking, inventory control, and internal operational workflows through a centralized dashboard.
- Developed an intuitive, modern, and fully responsive user interface using React and Tailwind CSS to ensure a seamless admin dashboard experience.
- Built a highly secure and scalable backend infrastructure and RESTful APIs utilizing Node.js to handle complex operational business logic.
- Designed and optimized a relational database architecture using PostgreSQL to manage interconnected data records for assets, inventory movements, and user roles.
ReactNode.jsPostgreSQLTailwind CSS
Ligamoba: Mobile Gaming Tournament & Community Platform
Developed a robust web application for Liga Moba that serves as an all-in-one esports hub, enabling automated tournament organizing, real-time match tracking, and active community engagement.
- Architected and developed the core web application using PHP and the Laravel framework to ensure clean code structure and high scalability.
- Designed and optimized a relational database schema in MySQL to securely store complex data structures, including user profiles, team rosters, and match histories.
- Built automated tournament management systems, featuring seamless team registration, match scheduling, and real-time bracket tracking.
PHPLaravelMySQL
GTSI: Corporate Website & Content Management System
The official corporate website and custom content management system developed for PT GTS Internasional Tbk, a publicly listed gas transportation company, designed to deliver a premium digital presence and seamless information updates.
- Developed a modern, responsive, and highly interactive frontend using React to present the company's corporate identity and public disclosures beautifully.
- Implemented and configured Strapi as a Headless CMS, empowering the client's internal team to easily manage and update corporate content without code changes.
- Designed a secure relational database schema using MySQL to support Strapi's content structures and dynamic data logs.
ReactStrapiMySQL
Ojire: Mobile POS & Integrated Payment Gateway
Developed a secure and scalable backend infrastructure for the Ojire mobile ecosystem, power-linking a robust Point of Sale (POS) system with an integrated multi-method payment gateway.
- Architected and developed secure, scalable RESTful APIs using Java and Spring Boot to power the mobile POS system features.
- Designed and optimized a high-performance relational database schema in MySQL to handle secure financial transactions, merchant logs, and inventory data.
- Integrated multi-method payment gateway solutions to process digital transactions smoothly and securely (e.g., QRIS, bank transfers, or cards).
Spring BootJavaMySQL
Rapspoint: Integrated Gaming Services & Marketplace Platform
Developed a multi-feature gaming web platform for PT RARS MAJU BERSAMA that facilitates secure game account marketplaces, reliable digital product top-ups, and efficient game boosting order workflows.
- Architected and developed a scalable backend system using the Laravel framework to support multi-service e-commerce operations.
- Designed and optimized a relational database structure using MySQL to ensure secure, reliable data handling for accounts, transactions, and user logs.
- Implemented automated transaction workflows for game top-ups and a secure multi-user marketplace for game account trading.
LaravelMySQL
Family Bakery: Inventory & Order Management System
An integrated web-based platform developed for Family Bakery, combining an online ordering website for customers with an efficient backend inventory management system to track stock levels.
- Designed and built a clean, responsive web user interface using semantic HTML and modern CSS layouts.
- Implemented dynamic client-side logic using vanilla JavaScript to handle interactive features, shopping cart functionalities, and real-time form validations.
- Developed an intuitive online ordering flow to simplify the customer purchase experience.
HTMLCSSJavaScriptLaravel
Tepres: Heavy Equipment Booking & Workshop System
Developed a comprehensive web platform for Tepres that functions as a heavy equipment booking service and workshop tracker. The application allows users to request services easily while enabling administrators to monitor, manage, and report maintenance progress in real-time.
- Developed a high-performance and responsive web frontend using Vue.js and Nuxt.js for seamless user interaction.
- Designed and implemented the core heavy equipment booking module to streamline customer service scheduling.
- Built a comprehensive workshop tracking dashboard to monitor maintenance cycles and report progress in real-time.
Vue.jsNuxt.jsMySQL
Bang RJ: Digital Product & Game Top-Up Website
Developed a responsive web application for Bang RJ, facilitating secure and efficient top-up transactions for various games and digital products to enhance customer experience.
- Developed a highly responsive and modern user interface using React and Tailwind CSS to ensure a smooth transaction process across all devices.
- Designed an intuitive digital product catalog for easy navigation and quick selection of game top-up packages.
- Implemented a streamlined checkout and payment flow to enhance user experience and maximize conversion rates.
HTMLReactTailwind CSS
Kretya Studio: Landing Page & Management System
Developed a highly interactive portfolio website for Kretya Studio, a creative digital agency. The project focused on building a modern landing page utilizing smooth GSAP animations to deliver an engaging and visually appealing user experience.
- Designed and built a responsive landing page tailored for a creative digital studio.
- Implemented advanced frontend animations and scroll effects using GSAP to create an interactive user experience.
- Developed a structured portfolio showcase section to effectively display the client's past projects.
HTMLCSSJavaScriptGSAP
Racana: AI-Powered Bali Itinerary Recommendation
Developed as a final capstone project for Bangkit Academy. Racana is an AI-powered application designed to generate personalized travel itineraries and tourism recommendations for visitors exploring Bali.
- Collaborated in a team to build a capstone project for the Bangkit Academy program.
- Developed a machine learning recommendation system to generate personalized travel routes.
- Processed and analyzed tourism data specifically focused on Bali destinations.
TensorFlowNode.jsGCP
Integrated School Management System for Ar-Rohmah
An integrated web-based school management system developed for SMA Integral Ar-Rohmah using Laravel, designed specifically to streamline teacher performance tracking and digitalize student report cards.
- Developed a secure and centralized web application using the Laravel PHP framework.
- Created a teacher performance management module to track, evaluate, and report on academic staff metrics.
- Built a digital grading and report card system to manage student academic records efficiently.
PHPLaravelMySQL
Local Pure : intelligent application that leverages Artificial Intelligence (AI) to analyze and detect various skin conditions
Local Pure is an intelligent application that leverages Artificial Intelligence (AI) to analyze and detect various skin conditions. Based on the analysis, the system offers personalized skincare recommendations to users. The project integrates a machine learning model with a mobile interface to provide real-time results.
- Developed a machine learning model using TensorFlow for accurate skin disease detection and image classification.
- Implemented a recommendation engine to match detected skin conditions with appropriate skincare products.
React NativeDjangoTensorflow
Ambroise: mobile application for salon bookings
A mobile application for salon bookings integrated with Augmented Reality (AR) technology. This project was built using Kotlin for the mobile interface, powered by a robust backend using Express and MongoDB.
- Built the native mobile user interface using Kotlin.
- Developed scalable RESTful APIs for the backend using Express.
- Designed and managed the NoSQL database architecture using MongoDB.
KotlinExpressMongoDBTailwind CSS